Estoy practicando la funcion map y no entiendo porque no me devuelve 2 hola, que estoy haciendo mal?
No tengo respuesta, ¿qué puedo estar haciendo mal?
const Books = [ { img: imagen, title: "murakami", año: 2022, genero: "terror", edicion: "ivrea", }, { img: imagen2, title: "Joe hill", año: 2022, genero: "aventura", edicion: "panini", }, ]; function BookList() { return ( <section> {Books.map((book) => { return "Hello"; })} </section> ); } function App() { return <div>{BookList}</div>; }
BookList es un componente, pero lo está tratando como un nodo de reacción. Esto funciona bien para tipos que pueden ser nodos de reacción: cadenas, números u otros componentes funcionan bien:
function App() { const content = "hello hello"; return <div>{content}</div>; }
Lo que realmente está haciendo es tratar de hacer que una función uncalled
sea un elemento secundario de un componente de reacción. Esto es incorrecto y debería dar como resultado un error de tiempo de ejecución.
return <div><BookList /></div>
debería funcionar, el JSX calls
la función de su componente, que debería mostrarlo.