为什么在使用 defaultValue 时 useState 不适用于对象

Question

我有这个对象：

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

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

<input defaultValue={value.test} />

---

问题

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

Answer 1

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

<input value={value.test} />

Answer 2

useState的用法是正确的。

问题在于输入标签。 您应该为 input 标签的 value 属性提供状态值，并将onChange事件添加到输入中，这将使用 setValue 函数更新状态。

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