在 React 的表单中填充 ref

【问题标题】：Populating a ref in Forms in React在 React 的表单中填充 ref
【发布时间】：2019-03-15 14:55:11
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：