react属性与事件之state属性

State属性

State属于自身属性，不会污染其他的组件

import React from 'react';
export default class BodyIndex extends React.Component {
	constructor() {
		super(); //调用基类的所有的初始化方法
		this.state = {
			username: "Parry",
			age: 20
		}; //初始化赋值
	}
	render() {
		setTimeout(() => {
			//更改 state 的时候
			this.setState({username: "IMOOC", age: 30});
		}, 4000);
		return (
			<div>
				<h2>页面的主体内容</h2>
				<p>{this.state.username} {this.state.age}</p>
			</div>
		)
	}
}

小结

state初始化可以放在构造函数constructor里

修改state: this.setState

state的作用域只属于当前的类，不污染其他模块