React是重新渲染整個頂級組件還是僅對其中發生更改的單個組件進行渲染？

Question

我想知道在效率方面，是否只有文件中的這一行（由create-react-app設置），

ReactDOM.render(<App />, document.getElementById('root'));

而另一個名為App的文件中的一個類，其中包含對許多其他類的調用，也可能包含對其他文件的類的調用，這些子類之一的細微變化需要重新渲染整個App類，或者僅僅是個別班級或需要更改的班級。 我希望這是有道理的。 謝謝！

Answer 1

通常，如果shouldComponentUpdate返回true，則對rerenders樹做出反應。 這意味着經典的class Component1 extends React.Component組件class Component1 extends React.Component ，每次都class Component1 extends React.Component渲染。 如果只希望子組件的屬性更改時才重新渲染子組件，則應使用React.PureComponent，該組件提供shouldComponentUpdate對屬性進行淺表比較的shouldComponentUpdate 。