React 组件API

一、设置状态 setState

setState(object nextState[, function callback])

• nextState 将要设置的新状态，该状态汇和当前的state合并
• callback 可选参数，非必填，回调函数。该函数会在setState设置成功，且组件重新渲染后调用。

setState是React事件处理函数中和请求回调函数中触发UI更新的主要方法。

class Counter extends React.Component{
	constructor(props){
		super(props);
		this.state = {clickCount: 0};
		this.handleClick = this.handleClick.bind(this);
	}
	handleClick(){
		this.setState(function(state) {
			return {clickCount:state.clickCount + 1 };
		});
	}
	render () {
		return (
			<h2 onClick={this.handleClick}>
				点我!点击次数为:{this.state.clickCount}
			</h2>
		);
	}
}
ReactDOM.render(
	<Counter />,
	document.getElementById('example')
);

二、替换状态 replaceState

replaceState(object nextState[, function callback])

• nextState 将要设置的新状态，该状态会替换当前的state
• callback 可选参数，回调函数。