React子组件willreceiveprops生命周期不起作用

时间:2019-11-26 07:07:34

标签: reactjs setstate react-lifecycle

您知道,要使setState有效,该过程将为

  1. setState({a:1})
  2. shouldComponentUpdate
  3. componentWillUpdate
  4. render
  5. componentDidUpdate

这就是我所知道的。
第15版以下

但是如果异步调用的'a','b','c'同时工作并执行setState

此异步“ a”正在执行setState而不是调用didUpdate,然后从shouldUpdateshouldUpdate开始,由“ b”或“ c”调用')

例如,

normal situation

  1. “ 24”异步开始setState的名称
  2. shouldComponentUpdate(蓝色)
  3. componentWillUpdate(紫色)
  4. 渲染(红色)
  5. childComponent-willReceiveProps(粉红色)
  6. childComponent-呈现(白色)
  7. componentDidUpdate

已完成工作

但此示例

wrong situation

  1. “ 24”异步开始setState的名称
  2. shouldComponentUpdate(蓝色)
  3. componentWillUpdate(紫色)
  4. 渲染(红色)
  5. “ 21”异步开始setState的名称

已连接

因此,由于这种问题, 可能是willReceiveProps生命周期的childComponent无法正常工作的原因吗?

0 个答案:

没有答案