Tengo una matriz simplemente como esta
const data = { products: [ { name: 'example1', icon: <exampleIcon />, }, { name: 'example2' icon: <exampleIcon2 /> }, ], };Estoy usando íconos de React Icons
¿Es posible para mí agregar múltiples íconos a la parte del icon ? como tres íconos seguidos como este exampleIcon exampleIcon exampleIcon
Sí, puede, simplemente envuelva sus componentes en un div raíz como este:
const data = { products: [ { name: 'example1', icon: <div className="wrapper"><exampleIcon /><exampleIcon /><exampleIcon /></div> , }, { name: 'example2', icon: <exampleIcon2 /> }, ], };Agrega este estilo:
.wrapper { display: flex; }deberías poder poner múltiples íconos dentro de un fragmento de reacción
icon: <><exampleIcon /> <exampleIcon2 /></>,