为什么在使用 defaultValue 时 useState 不能与对象一起使用答案

【问题标题】：Why does useState not work with Objects when using defaultValue为什么在使用 defaultValue 时 useState 不能与对象一起使用
【发布时间】：2021-10-04 23:36:49
【问题描述】：

我有这个对象：

  const [value, setValue] = useState({
    test: "someRandomValue"
  });

我想在这个输入中使用它：

<input defaultValue={value.test} />

问题

通常当你以这种方式使用 useState (useState("someRandomValue")) 时，输入会在状态值改变时更新它的值，但是当你使用一个对象时，它不更新。

【问题讨论】：

标签： javascript reactjs object use-state

【解决方案1】：

useState 没有任何问题，它也适用于对象以及尝试设置

<input value={value.test} />

【讨论】：

这不是一个解决方案，因为如果你想在输入中输入，它就会被锁定。
为此你可以使用 {setValue(event.target.value)}}/>
我有 40 个值，如果我这样做，我必须编写很多无用的代码。

【解决方案2】：

useState的用法是正确的。

问题出在输入标签上。你应该给输入标签的 value 属性赋予状态的值，并在输入中添加onChange 事件，这将使用 setValue 函数更新状态。

<input value={value.test} onChange={funcToUpdateState}/>

【讨论】：