react学习之state

• react 三大属性之state(状态)，是react中非常重要的属性，在复杂组件中经常用到。
• Hooks 还没有出现之前，只有class组件有state属性，函数组件没有state

constructor (构造器)初始化state

class Demo extends React.Component{
	constructor(props){
		super(props);
		// 将state绑定到Demo的实例，并初始化a的状态
		this.state = {
			a: '1'
		}
	}
}

直接将state绑定在实例上(简写方式)

class Demo extends React.Component{
	state = {
		a: "1"
	}
}

通过setState react提供的api改变state中某个属性的状态

class Demo extends React.Component{
	state = {
		a: "1"
	}
	changeState = () => {
		// 不能直接修改state里的状态
		// 通过setState api改变指定的属性的状态
		this.setState({
			a: "2"
		})
	}
}