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、实时验证、异步表单数据、组合验证等，需要实时使用表单中的值，则使用受控组件