在React中填写表单中的ref

Question

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

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

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

Answer 1

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

另一种选择是手动编写controlled inputs并设置/更改value。