我的控制台突然面临这个承诺错误！从API获取数据时有什么问题吗？

Question

`我在控制台中遇到此错误，并且我的主体页面在闪烁后未呈现！

我的获取代码是这样的：`

const fetchRestaurants = async () => { const 响应 = 等待 fetch("https://allsetnow.com/api/address/v5/?sort_point=29.38385,+-94.9027&limit=100&offset=0");

Is there any isuue while fetching?

const json =等待response.json();

console.log(json);
setListOfRestaurants(json?.data);
setFilteredList(json?.data);

};

Answer 1

这里不需要可选链接（？）（当您缺少或未定义值时使用以跳过抛出的错误）并像这样使用过滤器函数。请注意，您还可以使用 .then 和 .catch （如注释所示）

const fetchRestaurants = async () => { 
    const response = await fetch("https://allsetnow.com/api/address/v5/?sort_point=29.38385,+-94.9027&limit=100&offset=0")
     const json = await response.json();
    console.log(json)
    console.log(json.data)
    filter(3,json)
}

// fetchRestaurants().then((data)=>
//     console.log(data)
// )
    
    

fetchRestaurants()

function filter(num,resp){
    let value = resp.data[num]
    console.log(value)
}