Estoy tratando de establecer un estado con una matriz de objetos, pero recibo el error anterior y no sé cómo resolverlo.
Mi código:
const [itemsInCart, setItemsInCart] = useState([]); useEffect(() => { const fetchData = async () => { await fetch("https://fakestoreapi.com/products?limit=16") .then((res) => res.json()) .then((data) => { const initialItemCount = data.map((item) => { return { name: item.title, qty: 0, }; }); setItemsInCart(initialItemCount); }); }; fetchData(); }, []); console.log(Array.isArray(initialItemCount)) para verificar si es una matriz y devolvió verdadero. Entonces, ¿por qué dice usar una matriz? Gracias
Puede usar un punto de interrupción para ver el valor final de itemsInCart , para verificar si esta matriz contiene la lista del componente secundario de React.
De su código, supongo que la matriz solo contiene el objeto de {name and qty}, que no se puede representar directamente.
Puede intentar analizar estos objetos en un componente para representar la interfaz de usuario.
Espero que esto ayude.