如何将input.value的集合添加到状态挂钩？

Question

为什么我只添加密码？如何将所有值添加到“数据”？ https://codesandbox.io/s/silly-dan-f10pz（身份验证/登录） https://f10pz.csb.app/signin（我的表单）

Answer 1

您正在执行的操作是使用useState钩子，该钩子是具有多个键的对象，但是您仅更新一个键。如果您更改：

setData({[e.target.id]: e.target.value});

到

setData({...data, [e.target.id]: e.target.value});

基本上，它将散布任何状态，并更新所传递内容的键/值对。这样，您的数据将同时包含两个值。作为旁注，下一次，也许发布一段代码，而不是发布到沙箱的链接。只是让事情变得简单！

一些阅读材料：

• Spread Operator
• Immutability