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

Question

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

到目前为止我试过:react-transtition-groupreact-animationsreact-spring
还需要实验react-motion的过渡...

...还有更多的东西，但所有这些，做我需要的，除了一件事......当应用过渡/样式的每个状态时，子组件总是更新，触发一个重新渲染(顺便说一句，这是有道理的)，除非 child 的 shouldComponentUpdate()返回 false，或者被包裹在 PureComponent 中，这两者都不是解决方案，因为您可能(当然)希望在转换结束后对您的组件进行“处理”。

那里的所有示例都服务于它们的目的，但它们都使用功能组件或简单的字符串，用于演示目的，没有一个人应该关心是否重新渲染，而是一个简单的修改，每次都会记录组件被渲染，将显示它们在过渡期间渲染多次。

奇怪的是，似乎没有人关心，或者不知道。我发现关于这件事的问题或问题很少，尽管它非常真实，而且库对此的记录非常少。

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

Answer 1

我的解决方法是将转换后的子项/ View 包装在一个简单的 PureComponent 中，以防止它们重新渲染，但它似乎仍然不正确。