如何使用REACT防止动画内的组件重新渲染（更新）

Question

在过去的几天里，我一直在为React使用不同的动画库，以期找到一种在视图之间（而不是路线）之间进行转换的解决方案，其中视图将是包裹其他组件的组件，依此类推。

到目前为止，我尝试过：
react-transtition-group
react-animations
react-spring

仍然需要尝试react-motion的Transition ...

...还有更多的东西，但是所有这些都满足了我的需要，除了一件事...在应用过渡/样式的每种状态时，子组件始终会更新，从而触发除非孩子的shouldComponentUpdate()返回false或包装在PureComponent内，否则这两种方法都不是解决方案，因为您可能（肯定）想对自己的东西进行“处理”转换结束后的组件。

所有示例均按其目的使用，但出于演示目的，它们全都使用功能组件或简单字符串，不管它们是否被重新渲染，它们都不在乎，而是一个简单的修改，每次修改时都会记录组件被渲染，将显示它们在过渡期间多次渲染。

奇怪的是，似乎没有人关心或不知道。 尽管这是非常真实的事，但我发现的问题或问题很少，关于lib的文献也很少。

请分享您的解决方案以避免出现此问题。

Answer 1

我的解决方法是将转换后的子级/视图包装在一个简单的PureComponent中，以防止它们重新呈现，但这似乎仍然不正确。