【REACT】props 參數更新後，組件不重新渲染的問題 - react 生命週期函數

最近在做一個功能，要求根據從後端得到的數據來畫柱狀圖。當數據爲空時不渲染柱狀圖組件，不爲空時渲染，同時如果該數據的內容發生了變化，組件要重新渲染。

 

但實際操作中，我發現組件在數據爲空時不渲染，數據不爲空渲染，但在數據不爲空的前提下內容發生變化，它卻不重新渲染，也就是說chart不更新！

 

終於發現原因：

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