reactjs - 在 React 的表单中填充 ref

Question

我发现在创建新表单并在提交时获取值时，在表单中使用 refs 非常有用。但是，有没有办法使用 ref 向预先存在的表单添加值？

<input className="form-control" ref={email => (this.email = email)} placeholder="Email" />

我想为“创建/编辑”使用相同的表单/组件，但我不确定如何将预先存在的值添加到 ref。

标签： reactjsformsref

Answer 1

由于这是一个不受控制的输入，您可以使用defaultValueprop 来设置初始值，请阅读此内容以获取更多信息。请注意，对于复选框和单选按钮，您应该改用defaultCheckedprop。

另一种选择是编写受控输入value并手动设置/更改。