时间戳

首页 > 解决方案 > 在 todo 中将第一个元素保存到数组的问题

javascript - 在 todo 中将第一个元素保存到数组的问题

问题描述

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

当我得到我的 inputValue 并尝试将其分配给对象并保存到我的 items 数组时，它不起作用。

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

有人可以帮我吗？

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

标签： javascriptreactjsreact-hooks

解决方案

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

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

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

推荐阅读