react-state

1.什么是state

react除了prop之外，还有state，state是组件内部的状态，由于react组件不能够修改传入的prop，所以只能通过state来记录、更新组件内部的数据的变化

2.初始化state

constructor(props) {
	...
	this.state = {
		name: props.name
	}
}

3.获取state

react中使用this.state.xxx 来获取组件内的state

render() {
	return (
		<div>
			<div>
				姓名{this.state.name}
			</div>
		</div>
	)
}

4.更改state

react中，想要更改state只能通过 this.setState() 函数来更改state的状态

setName() {
	this.setState({
		name: '小明他爸'
	})
}

5.prop和state的区别

• prop用于定义外部接口，state用于记录内部状态
• prop赋值在组件外部，state赋值在组件内部
• prop不可以随意更改，而stae的存在就是让组件修改的