使用 react 钩子，为什么获取的数据是未定义的

Question

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

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

"无法读取未定义的属性'名称'"。

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

我不确定为什么这是未定义的，因为对象可用。 当我做控制台时，我可以访问该对象.log(必填文章(

Answer 1

不会

设置组件首次呈现mandatoryArticle[0]的时间。 所以，你只需要有点防御：

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

Answer 2

您是强制性文章设置为空数组，然后您在该空数组中获取 0 索引。你可能误解了使用效果钩子。它不是同步的。序列是强制性的设置文章 => 渲染 => 获取 => 设置文章 => 渲染。