React-动态导入组件

我认为对于我想要实现的目标可能有些困惑。我设法解决了我遇到的问题，并在下面显示了我的代码，其中显示了我的解决方法。

单独的文件（ComponentIndex.js）：

    let Components = {};    Components['Component1'] = require('./Component1').default;    Components['Component2'] = require('./Component2').default;    Components['Component3'] = require('./Component3').default;    export default Components

主文件（Main.js）：

    import React, { Component } from 'react';    import Components from './ComponentIndex';    class Main extends Component {        render () { var type = 'Component1'; // example variable - will change from user input const ComponentToRender = Components[type]; return <ComponentToRender/>        }    }    export default Main

这种方法使我可以非常快速地添加/删除组件，因为导入位于一个文件中，并且一次只需要更改一行即可。