Tengo un objeto de todas las aplicaciones:
export const allApps: appInterface[] = [ { id: uuidv4(), name: "Minesweeper", icon: minesweeperIcon, disabled: false, }, ];Quiero agregar propiedad de componente a cada objeto como este:
export const allApps: appInterface[] = [ { id: uuidv4(), name: "Minesweeper", icon: minesweeperIcon, disabled: false, component: Minesweeper, //It is imported as import Minesweeper from ../Components/Minesweeper"; }, ];Y luego quiero mostrar todos los componentes en App.js:
allApps.forEach((app)=>{ <div>{app.component}<div> // for eg: <div><Minesweeper/></div> });¿Es posible hacer esto?
Pruebe con el siguiente código, debería funcionar.
allApps.map((app)=>{ const { component: Component } = app; return <Component />; });