非受控组件

说明： 借助ref，使用原生DOM方式来获取表单元素值
ref的作用： == 获取DOM或者组件==

import React from 'react';

 export class Feishoukong extends React.Component {
     constructor () {
         super()
         // 1、调用React.createRef()方法创建一个ref对象
         this.txtRef = React.createRef()
     };
     handle = ()=> {
         // 3、通过ref对象获取到文本框的值
         console.log(this.txtRef.current.value)
     };
     render() {
         return (
         // 2、将创建好的ref对象添加到文本框中
             <input type="text" ref={this.txtRef} onChange={this.handle} />
         )
     }
 }