阅读官方
React documentation后,我遇到了关于PureComponent的
this:
Furthermore,React.PureComponent’s shouldComponentUpdate() skips prop
updates for the whole component subtree. Make sure all the children
components are also “pure”.
为什么跳过道具更新整个子树的确意味着避免使用非纯组件? PureComponent的组件子树中的非纯组件的后果是什么(一般情况下,以及在未设计/应该对props进行响应的情况下).
同一组输入道具的纯组件将给出完全相同的结果,不仅仅是为了它自己,而是为整个DOM树.当您声明PureComponent时,您不仅需要考虑道具和状态,还需要考虑上下文. PureComponents阻止任何上下文更改.考虑一个例子
原文链接:https://www.f2er.com/react/301049.html<MyApp> <Router> // react-router. <App> // A PureComponent <Switch> // react-router Switch <Route ....> </Switch> </App> </Router> </MyApp>
React-router的路由器将当前位置存储在上下文的路由器道具中.并且React-router的Switch会读回它并选择一个Route.But,因为App是一个非常纯粹的组件,并且不会对Router中的上下文更改作出反应,因为它不使用那些值而应该忽略它们.因此,当你有一个PureComponent时,你不仅应该考虑组件,还要考虑它的嵌套子组件.所以基本上你也会让你所有的孩子保持纯洁.