javascript - ReactJS - 防止重新渲染 child

Question

我的父 React 组件有 3 个子组件，如下所示:

var Parent = React.createClass({
   render: function() {
     return (<div>
         <C1/>
         <C2/>
         <C3/>
       </div>)
   }
})

我正在尝试能够根据当前父状态更改 child 的位置。所以在不同的情况下，我需要返回 C1,C3,C2 或 C3,C2,C1 等。但我不想重新渲染 child 。我正在尝试对每个 child 使用 shouldComponentUpdate 但它被调用用于未更改其在父渲染方法中的位置的组件。因此，如果最初返回 C1、C2、C3，然后返回 C2、C1、C3，则 shouldComponentUpdate 会为 C3 调用，但是不适用于 C1 或 C2 所以在这种情况下我可以在 C3 中返回 false 并防止重新渲染但我不明白为什么不为这样做的 child 调用 shouldComponentUpdate改变他们的立场。

有什么建议吗？谢谢。

Answer 1

看看https://reactjs.org/docs/fragments.html#keyed-fragments .
键控片段旨在解决这类问题；)