react学习笔记:setState和replaceState的区别

匿名 (未验证) 提交于 2019-12-03 00:37:01

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设置成功,且组件重新渲染后调用。

光说没用,来一个栗子!

点击前:


点击后


会发现内容直接给删除了,这就是两者的区别,相信大家也能理解了吧 - -

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!