如何在React.js中使用fetch方法显示所有数据

Question

我开始编程。现在我试图显示所有的数据在使用获取数据的方法显示。但是不能显示这个

import { useEffect, useState } from "react";
const useProducts = () => {
const [items, setItems] = useState([]);
useEffect(() => {
fetch("https://damp-island-69804.herokuapp.com/inventory")
.then(res => res.json)
.then(data => setItems(data))
}, [])
return [items, setItems];
}
export default useProducts;

这段代码有什么问题?请帮助。

Answer 1

请注意res => res.json在你的代码应该是res.json()，因为它是一个函数而不是属性。

Answer 2

参考此示例:https://www.freecodecamp.org/news/fetch-data-react/

1. 使用resps .json()代替resps .json
2. 检查职责。如果不抛出异常。然后在另一个状态变量中设置异常消息。
3. 如果使用了加载器，则通过设置器相应地显示和隐藏。
4. 添加相应的try和catch，并在finally块中做清理。