Reac生命周期钩子之getSnapshotBeforeUpdate

点击+1时候:
Reac生命周期钩子之getSnapshotBeforeUpdate_第1张图片

Reac生命周期钩子之getSnapshotBeforeUpdate_第2张图片
如果我们在getSnapshotBeforeUpdate钩子里返回null,控制台就不会报错了。 那么什么是快照值snapshot value呢?字符串,数组,数字,对象,函数,都可以。比如我们返回一个字符串做为快照值:
Reac生命周期钩子之getSnapshotBeforeUpdate_第3张图片
那么这个值返回给谁了呢?

我们先看一下componentDidUpdate这个钩子,它默认可以接收3个参数:
Reac生命周期钩子之getSnapshotBeforeUpdate_第4张图片
前两个参数一个是之前的props,第二个是之前的state:
在这里插入图片描述
Reac生命周期钩子之getSnapshotBeforeUpdate_第5张图片
componentDidUpdate这个钩子的第三个参数,就是接收getSnapshotBeforeUpdate钩子return的值:
Reac生命周期钩子之getSnapshotBeforeUpdate_第6张图片
Reac生命周期钩子之getSnapshotBeforeUpdate_第7张图片
Reac生命周期钩子之getSnapshotBeforeUpdate_第8张图片
Reac生命周期钩子之getSnapshotBeforeUpdate_第9张图片

你可能感兴趣的:(react,javascript,react.js)