【REACT】props 参数更新后，组件不重新渲染的问题 - react 生命周期函数

最近在做一个功能，要求根据从后端得到的数据来画柱状图。当数据为空时不渲染柱状图组件，不为空时渲染，同时如果该数据的内容发生了变化，组件要重新渲染。

 

但实际操作中，我发现组件在数据为空时不渲染，数据不为空渲染，但在数据不为空的前提下内容发生变化，它却不重新渲染，也就是说chart不更新！

 

终于发现原因：

在chart首次渲染时，加载chart的code要放在componentDidMount()中。而重新渲染chart的code需要放在componentDidUpdate中。