Hola chicos si me pueden ayudar a entender lo que estoy haciendo mal?
Este error señala:
Error: Objects are not valid as a React child (found: object with keys {id, title, bodyText, icon}). If you meant to render a collection of children, use an array instead.Mi fragmento de código:
if (cards) { const filteredCards = cards.filter((card: { title: string }) => { return card.title.toLowerCase(); }); return filteredCards; }console.log (tarjetas) da:
cards (4) [{…}, {…}, {…}, {…}]si estoy usando una matriz allí como las notas de error, ¿no es esto redundante?
Estoy un poco confundido.
Debe devolver una matriz de JSX o una matriz de cadenas. Supongo que querías obtener las minúsculas de los títulos. Para eso, deberías usar map en lugar de filter . Actualmente, filteredCards es una matriz de JSON en el mismo formato que las cards de elementos.
Prueba así.
if (cards) { const filteredCards = cards.map((card: { title: string }) => { return card.title.toLowerCase(); }); return filteredCards; }