Reac生命周期钩子之getSnapshotBeforeUpdate

点击+1时候：

如果我们在getSnapshotBeforeUpdate钩子里返回null，控制台就不会报错了。那么什么是快照值snapshot value呢？字符串，数组，数字，对象，函数，都可以。比如我们返回一个字符串做为快照值：

那么这个值返回给谁了呢？

我们先看一下componentDidUpdate这个钩子，它默认可以接收3个参数：

前两个参数一个是之前的props，第二个是之前的state：

componentDidUpdate这个钩子的第三个参数，就是接收getSnapshotBeforeUpdate钩子return的值：

Reac生命周期钩子之getSnapshotBeforeUpdate相关推荐

React 生命周期钩子函数
React15 挂载过程 // 完成了React数据的初始化. props.state constructor() // 组件已经完成初始化数据,但是还未渲染DOM时执行的逻辑 componentWi ...
Vue.js 系列教程 3：Vue-cli，生命周期钩子
原文:intro-to-vue-3-vue-cli-lifecycle-hooks 译者:nzbin 这是 JavaScript 框架 Vue.js 五篇教程的第三部分.在这一部分,我们将学习 Vue ...
自学ng2 -生命周期钩子
生命周期钩子 ngOnChange() -- 重新设置数据绑定输入的属性时相应先于ngOnInit() ngOnInit() -- 第一次显示数据绑定和指令输入属性后,初始化指令,在ngOnChan ...
reactjs组件生命周期：componentWillReceiveProps及新旧版本生命周期钩子函数对比
reactjs组件生命周期:componentWillReceiveProps及新旧版本生命周期钩子函数对比
vue生命周期图示中英文版Vue实例生命周期钩子
vue生命周期图示中英文版Vue实例生命周期钩子知乎上近日有人发起了一个 "react 是不是比 vue 牛皮,为什么?" 的问题,Vue.js 作者尤雨溪12月4日正面回应了该 ...
Angular 个人深究（四）【生命周期钩子】
Angular 个人深究(四)[生命周期钩子] 定义: 每个组件都有一个被 Angular 管理的生命周期. Angular 创建它,渲染它,创建并渲染它的子组件,在它被绑定的属性发生变化时检查它,并 ...
Vue3 Composition API（三）——生命周期钩子、Provide函数和 Inject函数、封装Hook案例、setup顶层编写方式
一.生命周期钩子我们前面说过 setup 可以用来替代 data . methods . computed .watch 等等这些选项,也可以替代生命周期钩子. 那么setup中如何使用生命周期函 ...
详解Vue八大生命周期钩子函数
摘要:Vue为生命周期中的每个状态都设置了钩子函数(监听函数) .每当Vue实例处于不同的生命周期时,对应的函数就会被触发调用. 本文分享自华为云社区<一文带你弄懂Vue八大生命周期钩子函数&g ...
vue 多页面应用例子_【微服务】137：Vue之生命周期钩子
今天是刘小爱自学Java的第137天. 感谢你的观看,谢谢你. 学习计划安排如下: Vue的深入学习,emm准确地说还不能算是深入学习,我有点高估自己的学习进度了. 本来打算两天时间做一个基础入门的, ...

Reac生命周期钩子之getSnapshotBeforeUpdate

Reac生命周期钩子之getSnapshotBeforeUpdate相关推荐

最新文章

热门文章