DynamicRender.js

class DynamicRender extends Component {
  constructor() {
    super();
    this.state = {
      foolks: [],
    };
  }
  componentWillMount() {
    components.map((cmp) => {
      import(/* webpackMode: "eager" */ `containers/${cmp}/index`)
      .then((e) => {
        this.setState(prevState => ({
          foolks: [...prevState.foolks, e.default],
        }));
      })
      .catch((error) => {
        console.log('**error ', error);
      });
    });
  }
  render() {
    return (
      <Fragment>
        {
          !this.state.foolks
          ? 'loading'
          : this.state.foolks.map((F, i) => <F key={i} />)
        }
      </Fragment>
    );
  }
}