React getDerivedStateFromProps方法

getDerivedState是React 13.0版本新出的static方法,因为该方法为静态方法,所以内部不能使用this关键字
参数
  prop: 表示当前组件的prop
  state: 表示当前组件的state
返回值:
  该方法的返回值与原来的this.setState方法的作用一样,用于更新state的状态,返回值为null时,不更新state状态;返回值的机制和setState类似,只需要返回需要更新的值即可,不需要更新的值会保留不变
:这里需要提前初始化state状态
调用场景
  该方法在render方法被调用之前调用,因此在初始化组件或者组件更新是都会被调用,与原来的componentWillReceiveProps方法不同,componentWillReceiveProps方法只有在父组件重新render的情况下才会调用
本文目的仅仅是为了个人查找阅读等提供方便

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原教程内容详见精益 React 学习指南,这只是我在学习过程中的一些阅读笔记,个人觉得该教程讲解深入浅出,比目前大...
    leonaxiong阅读 7,848评论 1 18
  • 说在前面 关于 react 的总结过去半年就一直碎碎念着要搞起来,各(wo)种(tai)原(lan)因(le)。心...
    陈嘻嘻啊阅读 11,810评论 7 41
  • 使用 create-react-app 快速构建 React 开发环境 项目的目录结构如下: React JSX ...
    majun00阅读 3,465评论 0 0
  • 技术栈: react + redux + webpack + react-router + ES6/7/8 + i...
    黄昏少年阅读 8,184评论 0 19
  • 生命周期流程图简单如下: 组件让你把用户界面分成独立的,可重复使用的部分,并且将每个部分分开考虑。React.Co...
    Simple_Learn阅读 4,741评论 0 0

友情链接更多精彩内容