Question

我正在关注reactJS教程系列，我对找到输入标签值与输入ref =＆＃39;之间的区别感到困惑。在ReactJS中进行表单处理。

例如......

<input id='user' name='username'/>

vs

<input id='user' ref='username'/>

执行之间有什么区别：

formHandleFunction(){
//handle document.getElementById('user').value;
}

vs

formHandleFunction(){
//handle this.refs.username.value;
}

Answer 1

通常我们会使用＆＃39; value＆＃39;使用受控组件和＆＃39; ref＆＃39;使用不受控制的组件。

来自FB文档：

在大多数情况下，我们建议使用受控组件来实现表单。在受控组件中，表单数据由React组件处理。替代方案是不受控制的组件，其中表单数据由DOM本身处理。要编写不受控制的组件，而不是为每个状态更新编写事件处理程序，您可以使用ref从DOM获取表单值。

浏览这些链接以便更好地理解。