相关疑难解决方法(0)

我是整个浏览器的新手.我一直在尝试使用browserify + reactify + gulp来转换,缩小和组合React应用程序.只要我有一个单一React.createClass的module.exports = MyComponent一切都工作正常.由于我有几个共享组件,我物理托管在同一个文件中并在项目中重用,我想导出多个组件.我试过一个数组:

module.exports = [Component1, Component2]

并且还尝试了具有多个属性的对象:

module.exports = {Comp1: Componenet1, Comp2: Component2}并且还尝试在createClass对象中嵌入调用,但这没有帮助.

有没有办法做到这一点,还是我必须将每个组件拆分成一个单独的JSX文件？

我有一个所有应用程序的对象：

 export const allApps: appInterface[] = [
  {
    id: uuidv4(),
    name: "Minesweeper",
    icon: minesweeperIcon,
    disabled: false,
  },
];

我想向每个对象添加组件属性，如下所示：

 export const allApps: appInterface[] = [
  {
    id: uuidv4(),
    name: "Minesweeper",
    icon: minesweeperIcon,
    disabled: false,
    component: Minesweeper, //It is imported as import Minesweeper from ../Components/Minesweeper";
  },
];

然后我想显示 App.js 中的所有组件：

allApps.forEach((app)=>{
  <div>{app.component}<div> // for eg: <div><Minesweeper/></div>
});

这可以吗？