javascript - reactjs lifecycle 有可视化流程图吗？

Question

我在使用 reactjs 时遇到了很多问题，主要是因为我不确定组件生命周期以及 确切地 setState 之类的东西在什么时候做事。

我知道有一个标题为“组件生命周期”的页面，但我需要一个更详细的可视化图表来显示 reactjs 生命周期的工作原理，特别是显示 setState 执行操作的位置和时间。

有这样的图吗？

Answer 1

这对你有用吗？它显示了哪里可以调用 setState() ，哪里不能。它还显示哪些生命周期方法接收新状态。