How to get data using async await?

May 11, 2022

How to get the data correctly

import { NextApiHandler } from "next";
import data from "../../../lib/data.json";

const cars: NextApiHandler = (_req, res) => {
  res.status(200).json(data);
};

export default cars;

I tried to use async await for getting data but something went wrong. When I`m trying to print in console.log what is "cars" it returns me function instead of promise.

>Solution :

You can try this way to get data

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;