表单数据由DOM本身处理。即不受setState()的控制,与传统的HTML表单输入相似,input输入值即显示最新值(使用 ref从DOM获取表单值)
1.非受控组件
在HTML中,标签、
2.受控组件 (受到控制)
一般情况,受控组件用的多,因为在非受控组件中会多次使用ref,而官方文档上有些“请勿过度使用ref”,使用次数多了会存在效率上的问题。
受控和非受控元素都有其优点,根据具体情况选择。如果表单在UI反馈方面非常简单,则对ref进行控制是完全正确的,即使用非受控组件。
特征 | 非受控制 | 受控 |
一次性检索(例如表单提交) | yes | yes |
及时验证 | no | yes |
有条件的禁用提交按钮 | no | yes |
执行输入格式 | no | yes |
一个数据的几个输入 | no | yes |
动态输入 | no | yes |
以上就是浅析React中的受控组件和非受控组件的详细内容,更多关于react受控组件和非受控组件的资料请关注其它相关文章!