React useState-如何将对象数组置于状态

Question

我有一个React应用，我正在从RESTful API中提取数据。响应中的数据是对象数组。我正在尝试获取该信息，并使用useState将其存储在React状态中，然后将其呈现为页面上的列表。

我在下面的链接中伪造了该API，方法是为book分配一些虚拟对象数组，然后尝试将其设置为状态，但它不起作用。有什么想法如何将其传递给州，然后在页面上显示吗？

https://codesandbox.io/s/adoring-sunset-1ejxi

Answer 1

请勿在{{1​​}}回调中将books作为参数传递。您需要参考范围以外的书籍

useEffect

在这种情况下，它将在组件主体中引用 useEffect(() => { setBookList(books); }, []); 。

books