react中某個元件的狀態變了，但是內部的乙個子元件並沒有變化，那麼這個子元件會重新渲染嗎？

1樓：高山景行

乙個元件執行setState之後，從這個元件為根的元件樹會有乙個更新的過程，每個元件都會根據自己的shouldComponentUpdate的結果執行render方法，然後和上次render的結果比較，找到最小差集之後patch到真實dom上。

所以，如果子元件的shouldComponentUpdate沒有返回false的話，它的render是會執行的，但不一定會導致真實dom改變和重新渲染。

2樓：高靖淞

所有的 props 和 state 的變化都會重新 render，但是會進行一次 DOM diff 決定是否更新 DOM。當然父元件的更新就會更新子元件，需要配合 shouldComponentUpdate 做進一步的優化

3樓：程墨Morgan

「重新渲染」和「更新過程」是有區別的，只要明白這兩個規則就好了。

1. 乙個元件如果重新渲染，那麼它的子元件也會開始更新過程；

2. 任何乙個元件的shouldComponentUpdate函式如果返回false，那更新過程就中止了；

假如題主說的「某個元件」為X，它的子元件為Y，當X的狀態改變時，其實連X也未必會重新渲染，要看X的shouldComponentUpdate如何實現，如果返回false，X就不會被重新渲染了，Y當然更不會。

現在假設shouldComponentUpdate沒有從中作梗，X開始了正常重新渲染，那麼作為子元件的Y肯定會開始更新過程，不過，如果Y的shouldComponentUpdate返回false的話，那Y的更新過程也會被中止，不會重新渲染。

所以，關鍵要看元件的shouldComponentUpdate如何實現。

4樓：camsong 會影

會重新 render，沒變化就不會重新渲染 DOM。

如果使用了 pure render，不會 render 也不會渲染 DOM。