小编Sye*_*har的帖子

如何将React组件存储在对象中

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

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

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

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

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

allApps.forEach((app)=>{
  <div>{app.component}<div> // for eg: <div><Minesweeper/></div>
});
Run Code Online (Sandbox Code Playgroud)

这可以吗?

javascript reactjs react-redux

1
推荐指数
1
解决办法
1643
查看次数

标签 统计

javascript ×1

react-redux ×1

reactjs ×1