class react 获取_React获取文本内容（初级入门）

我们知道在Vue中获取文本框内容是这样的

关于vue不做过多的赘述

获取text文本框的值

export default {

data() {

return {

text: ""

}

},

methods: {

Obtain() {

//这样就直接获取到了text中的值

console.log(this.text);

}

}

}

那么React 中如何获取文本呢？

方法一：通过event对象信息获取

class App1 extends React.Component {

//state 相当于是Vue里面的data

state = {

text: "",//默认初始值

};

hanChange = ev => {

//onChange 为Change事件，ev是传递的参数

console.log(ev.target.value);

//1.setState不会立刻改变React组件中state的值

// 2.setState 通过触发一次组件的更新来引发重绘.

// 3.多次 setState 函数调用产生的效果会合并。

this.setState({

text: ev.target.value

});

//点击获取文本值

cons