react中的this.state与this.setState的区别

在react中，this.state与this.setState是由明显区别的，this.state是用来初始化state的，而this.setState是用来修改state的值的。

下面让我们用一个案例来说明

 constructor(){super()this.state={inputValue:''}}handleInputChange=(e)=>{this.setState({inputValue:e.currentTarget.value})}render() {return (<div><input type="text" value={this.state.inputValue}onChange={this.handleInputChange}/><button>{this.props.btnText}</button></div>)}

在一个input标签中，我们想要修改value的值，首先我们应该通过this.state来初始化value的值，在通过一个onChange事件来改变value的值，这是就需要用到this.setState了

react中的this.state与this.setState的区别相关推荐

[react] 在React中组件的state和setState有什么区别？
[react] 在React中组件的state和setState有什么区别? state:初始化状态 setState:对状态进行更新个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, ...
React中props与state的区别
首先,props与state是React组件的两种方法. props,可以在组件中来获取this.props的属性. var Helloreact=React.createClass({render: ...
React中pros和state的区别
props是一个父组件传递给子组件的数据流,这个数据流可以一直传递到子孙组件. state代表的是一个组件内部自身的状态(可以是父组件.子孙组件). state 和 props 主要的区别在于 pro ...
[react] react中的setState是同步还是异步的呢？为什么state并不一定会同步更新？
[react] react中的setState是同步还是异步的呢?为什么state并不一定会同步更新? 由React控制的事件处理程序,以及生命周期函数调用setState不会同步更新state . ...
关于react中setState的深入理解
在react中,通常通过state或props,来控制整个组件的状态.一旦state或props发生改变,整个组件会被重新渲染.在setState的理解上,可能会存在一些误区. setState的基本 ...
React中setState修改深层对象
在React中经常会使用到setState,因为在react生态中,state就是一切.在开发过程中,时长会在state中遇到一些比较复杂的数据结构,类似下面这样的: state = {list: { ...
[react] react中的setState执行机制是什么呢？
[react] react中的setState执行机制是什么呢? 1.将setState传入的partialState参数存储在当前组件实例的state暂存队列中. 2.判断当前React是否处于批量 ...
[react] react中setState的第二个参数作用是什么呢？
[react] react中setState的第二个参数作用是什么呢? 第二个参数是一个callback函数,用于setState设置state的属性值成功之后的回调,此时调用this.state.p ...
react中的state、props、ref
state state顾名思义就是状态,它只是用来控制这个组件本身自己的状态,我们可以用state来完成对行为的控制.数据的更新.界面的渲染,由于组件不能修改传入的props,所以需要记录自身的数据变 ...

react中的this.state与this.setState的区别

react中的this.state与this.setState的区别相关推荐

最新文章

热门文章