react 中的 setState 更新状态的2种写法

(1).setState(stateChange,[callback])-------------对象式的setState

      1.stateChange为状态改变对象(该对象可以体现出状态的更改)

      2.callback 是可选的回调函数,它在状态更新完毕.界面也更新后(render调用后)才被调用

(2).setState(updater,[callback])---------------函数式的setState

      1.updater为返回stateChange对象的函数。

      2.updater可以接收到state和props.

      3.callback是可选的回调函数,它在状态更新,界面也更新后(render调用后)才被调用。

   总结:

       1.对象式setState是函数式的setState的简写方式(语法糖)

       2.使用原则:

                    (1).如果新状态不依赖于原状态  ===> 使用对象方式

                    (2).如果新状态依赖于原状态  =====>  使用函数方式

                    (3).如果需要在setState()执行后获取最新的状态数据要在第二个callback函数中读取

           

posted @ 2022-05-16 21:44  踏浪小鲨鱼  阅读(211)  评论(0)    收藏  举报