將道具傳遞給孩子會導致所有所有者的重新渲染

Question

我有一個組件PP ，它有一個裝飾器， patternStreams每隔幾秒鍾接收一個道具patternStreams 。 PP擁有一個名為PPView的組件，並將其傳遞給patternStreams ， PPView擁有一個RP組件，並將其傳遞給patternStreams 。
通過將console.log放置在每個組件的render()方法中，我注意到當將prop傳遞給PP組件時，所有這三個組件每隔幾秒鍾就會重新繪制一次。
唯一需要重繪的組件是RP ，那么如何防止其余組件被重繪呢？

Answer 1

有一個叫生命周期方法shouldComponentUpdate已經做了你需要的東西- https://facebook.github.io/react/docs/component-specs.html#updating-shouldcomponentupdate

接收新的道具或狀態時在渲染之前調用。 初始渲染或使用forceUpdate時不調用此方法。

當您確定過渡到新的道具和狀態不需要更新組件時，可以利用此機會返回false。