React_9 表单处理(非受控组件）

非受控组件

说明： 非受控组件是借助于 ref ，使用原生DOM方式来获取表单元素值

ref作用：用来获取DOM或组件

使用步骤：

1. 调用 React.createRef() 方法在constructor(){}中创建一个ref对象

constructor(){
  super();
  this.txtRef=React.createRef();
}

2. 将创建好的ref对象添加到文本框中

<input type="text" ref={this.txtRef}/>

3. 通过ref对象获取到文本框中的值

console.log( this.txtRef.current.value )