Acabo de iniciar React y tengo un problema: cuando ejecuto este código, no se muestra nada.
const plantList = { name: 'monstera', category: 'classique', id: '1ed', isBestSale: true }; function Notes(){ plantList.map((plant) => ( <li key={ plant.id }> {plant.isBestSale ? <span>🔥</span> : <span>👎</span>} </li> ))} export default NotesGracias de antemano
plantList es un objeto, probablemente desee colocarlo en una matriz si desea colocar varias plantas en él y tener la capacidad de mapear sobre él.
const plantList = [{ name: 'monstera', category: 'classique', id: '1ed', isBestSale: true }];No está devolviendo un valor de su componente de función.
function Notes(){ return ( <> {plantList.map((p) => (p.isBestSale ? <span>🔥</span> : <span>👎</span>))} </> ); }lista de reproducción es un objeto. Pero el objeto no es iterable en js. si desea iterar, debe convertirlo en una matriz que se vea como
const plantList = [{ name: 'monstera', category: 'classique', id: '1ed', isBestSale: true }];necesita devolver cualquier cosa, desde clase/componente funcional para mostrar
function Notes(){ return ( <> {plantList.map((p) => (p.isBestSale ? <span>🔥</span> : <span>👎 </span>))} </> )}exportar notas predeterminadas