javascript - 将第一个元素保存到待办事项数组中时出现问题

Question

我在使用 React-hooks 的 React 中使用简单的待办事项应用程序时遇到问题。

当我获取 inputValue 并尝试将其分配给对象并保存到我的项目数组中时，它不起作用。

( onSubmit 操作后的第一个分配是空数组，我完全不知道为什么。但第二个按钮操作工作正常。

有人可以帮我吗？

https://codesandbox.io/s/young-sun-r2jdp?fontsize=14

Answer 1

问题是您在设置新项目后立即执行 console.log ，但 React 会在新的重新渲染上进行更新，因此您在组件重新渲染之前不会看到更改-渲染。

要进行测试，您可以通过在 button 元素下方添加以下内容来呈现当前项目:

          <p>Got items:</p>
            {items.map((item, i) => (
              <div key={i}>{item.name}</div>
            ))}
          </div>