Cómo obtener los datos correctamente
import { NextApiHandler } from "next"; import data from "../../../lib/data.json"; const cars: NextApiHandler = (_req, res) => { res.status(200).json(data); }; export default cars;Intenté usar async await para obtener datos, pero algo salió mal. Cuando intento imprimir en console.log qué es "autos", me devuelve la función en lugar de la promesa.
Puedes probar de esta manera para obtener datos.
import React, { useEffect, useState } from 'react'; import Item from '../Item/Item'; const Items = () => { const [items, setItems] = useState([]); useEffect( ()=>{ fetch('http://localhost:5000/items') .then(res => res.json()) .then(data => setItems(data)); }, []) return ( <div id='items' className='container'> <h1 className='item-title'>Items For You</h1> <div className="items-container"> { items.map(item => <Item key={item._id} item={item} > </Item>) } </div> </div> ); }; export default Items;