如何使用异步等待获取数据？

Question

如何正确获取数据

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

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

export default cars;

我尝试使用 async await 获取数据，但出了点问题。当我试图在 console.log 中打印什么是“汽车”时，它 returns 我的功能而不是承诺。

Answer 1

你可以试试这种方式获取数据

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;

如何使用异步等待获取数据？

How to get data using async await?

javascript

reactjs

json

async-await

next.js