react 表单受控和非受控

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

非受控:java

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

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

  

受控:value propreact

 

选择异步

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

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

相关文章
相关标签/搜索