react之onChange事件

如何获取输入框的值是react中必须面对的问题，目前比较好的方式与两种，一种是使用ref，而另一种是使用onChange事件，它通过事件对象的方式获取输入值。
具体使用方式如下：

import React,{ Component } from "react";

import { render } from "react-dom";


class Main extends Component{
    changeEvent(e){
        console.log(e.target.value);

    }
    render(){
        return (
            <div>
                <input type = 'text' onChange={(e)=>this.changeEvent(e)}/>

            </div>
        )
    }
}

render(<Main />,document.getElementById("root"));
   
   

    
    
1
    
    
2
    
    
3
    
    
4
    
    
5
    
    
6
    
    
7
    
    
8
    
    
9
    
    
10
    
    
11
    
    
12
    
    
13
    
    
14
    
    
15
    
    
16
    
    
17
    
    
18
    
    
19
    
    
20
    
    
21
   
   

可以在控制台中consolo查看输入的数据。

ref的解决用户输入的方式链接在这里