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