tengo esta parte del código, la función de mapa no muestra ningún elemento de la matriz, si consola. registro la variable, me muestra los elementos, pero por alguna razón no puedo mostrar los elementos en la pantalla.
Código
function Solution({list}){ const data = list console.log(data); return( <div> { data?.map((item) => { return ( <div> <p> {item.title} </p> </div> ) }) } </div> ) } export default Solution; const list = [ { title: "Home" }, { title: "Service", subItem: ["Clean", "Cook"] }, { title: "Kitchen", subItem: ["Wash", "Dish"] }, ]; Solution({list})Por favor, solo pase el enlace "listar" esto.
<Solution list={list}/>Espero que te ayude, gracias)
Mira esto
import React from 'react'; function Solution({list}){ const data = list console.log(list); return( <div> { data?.map((item) => { return ( <div key={item.id}> <p> {item.title} </p> </div> ) }) } </div> ) } export function App(props) { const list = [ { id:1, title: "Home" }, { id:2, title: "Service", subItem: ["Clean", "Cook"] }, { id:3, title: "Kitchen", subItem: ["Wash", "Dish"] }, ]; return ( <div className='App'> <Solution list={list} /> </div> ); } // Log to console console.log('Hello console')Tenga una clave única para cada elemento cuando asigne una matriz y envíe una matriz de lista como accesorios a su componente de solución