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

非受控:

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。
onSubmit = ()=>{
  const val = this._input.value;  
}

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

  

受控:value prop

 

选择

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

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

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄