Reac生命周期钩子之getSnapshotBeforeUpdate

点击+1时候:
在这里插入图片描述

在这里插入图片描述
如果我们在getSnapshotBeforeUpdate钩子里返回null,控制台就不会报错了。 那么什么是快照值snapshot value呢?字符串,数组,数字,对象,函数,都可以。比如我们返回一个字符串做为快照值:
在这里插入图片描述
那么这个值返回给谁了呢?

我们先看一下componentDidUpdate这个钩子,它默认可以接收3个参数:
在这里插入图片描述
前两个参数一个是之前的props,第二个是之前的state:
在这里插入图片描述
在这里插入图片描述
componentDidUpdate这个钩子的第三个参数,就是接收getSnapshotBeforeUpdate钩子return的值:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

Guess you like

Origin blog.csdn.net/dyw3390199/article/details/120363511