在React中的Form中填充引用

Question

我发现在创建新表单并在提交表单时获取值时，在表单中使用引用非常有用。但是，有没有一种方法可以使用ref将值添加到现有表单中？

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

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

Answer 1

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

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