使用反应挂钩，为什么未定义获取的数据？

Question

我还是新手，正在学习React。

我遵循了教程，但是我不断收到错误消息，说

“无法读取未定义的属性”名称”。

我已将代码托管在这里：https://codesandbox.io/embed/sleepy-hellman-uf1h3

我不确定为什么未定义此对象，因为该对象可用。当我执行console.log（mandatoryArticle）

时，我可以访问该对象

Answer 1

第一次设置组件呈现mandatoryArticle[0]的设置。因此，您只需要有所防御：

<h2 id="modal-title">mandatoryArticle[0] && mandatoryArticle[0].name}</h2>

Answer 2

您将“ ArticleArticle”设置为空数组，然后在该空数组中访问0索引。您可能会误解了useEffect挂钩。它不是同步的。顺序设置为强制条款=>渲染=>获取=>设置文章=>渲染。