setState
setState用于设置状态对象
setState(object nextState [,function callback])
- nextState,将要设置的新状态,该状态会和当前的state合并
- callback,可选参数,回调函数。该函数会在setState设置成功,且组件重新渲染后调用
合并nextState和当前state,并重新渲染组件。setState是react事件处理函数中和请求
回调函数中触发UI更新的主要方法。
注意: 不能在组件内部通过this.state修改状态,因为状态会在调用setState()后被代替。
来一个栗子!
点击前:
点击后:
replaceState
replaceState()方法与setState()类似,但是方法只会保留nextState中状态,原state不在nextState中的状态都会被删除。使用语法:
replaceState(object nextState[,function callback])
- nextState,将要设置的新状态,该状态会替换当前的state。
- callback,可选参数,回调函数。该函数会在replaceState设置成功,且组件重新渲染后调用。
来一个栗子!
点击前:
点击后
会发现内容直接给删除了,这就是两者的区别,相信大家也能理解了吧 - -