如何防止使用REACT在动画中重新渲染(更新)组件

Question

在过去的几天里，我一直在尝试React的不同动画库，试图找到一种在视图(而不是路由)之间转换的解决方案，其中视图将是包装其他组件的组件，等等。

到目前为止，我尝试了：

react-transtition-group

react-animations

react-spring

仍然需要尝试react-motion的过渡...

...and外面还有更多，但所有这些，做我需要的，除了一件事...当应用了转换/样式的每个状态时，子组件总是更新，从而触发重新呈现(顺便说一句，这是有意义的)，除非子组件的shouldComponentUpdate()返回false，或者包装在PureComponent中，这两种情况都不是解决方案，因为您可能(肯定)想在转换结束后对组件进行“处理”。

所有的示例都有它们的用途，但它们都使用函数组件或简单的字符串用于演示目的，没有人关心是否重新呈现，但一个简单的修改将在每次呈现组件时记录，将显示它们在转换期间呈现多次。

奇怪的是，似乎没有人关心，也没有人不知道。我发现关于这个问题的问题很少，尽管它是非常真实的，并且libs在这方面的文档非常少。

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

Answer 1

我的变通方法是将转换后的子对象/视图包装在一个简单的PureComponent中，以防止它们重新渲染，但这似乎并不正确。