React动态加载组件

查阅react的官网文档，发现两种方式：
React.lazy和 @loadable/components。

依赖包

   {
   
   "@loadable/component": "^5.7.0",
    "react": "^16.8.4",
    "react-dom": "^16.8.4",
    "react-router": "^4.3.1",
    "react-scripts": "2.1.8",
  }

React.lazy

假设Foo.js和Bar.js在同一目录下。
Foo.js

export default class Foo extends React.PureComponent{
   
  render(){
   
      return <div>This is Foo</div>;