react 表单受控和非受控

参见:https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/

非受控:

onSubmit = ()=>{
  const val = this._input.value;  
}

<input ref={input =>this._input=input}>

  

受控:value prop

选择

1、若form简单,值可以一次性在提交时候检索或验证,则优先使用非受控,简单

2、实时验证、异步表单数据、组合验证等,需要实时使用表单中的值,则使用受控组件

原文地址:https://www.cnblogs.com/laojun/p/10677919.html