在过去的几天里,我一直在为 React 使用不同的动画库,试图找到在视图(而不是路由)之间转换的解决方案,其中视图将是包装其他组件的组件等等。
到目前为止我试过:
react-transtition-group
react-animations
react-spring
仍然需要尝试react-motion
'Transition...
...还有更多,但所有这些,做我需要的,除了一件事......当应用过渡/样式的每个状态时,子组件总是更新,触发重新渲染(顺便说一句,这是有道理的),除非孩子shouldComponentUpdate()
返回 false,或者被包裹在 PureComponent 中,这两者都不是解决方案,因为您可能(肯定)想要在过渡结束。
那里的所有示例都服务于它们的目的,但它们都使用功能组件或简单的字符串,用于演示目的,任何人都不应该关心是否重新渲染,而是一个简单的修改,每次都会记录组件被渲染,将显示它们在过渡期间多次渲染。
奇怪的是,似乎没有人关心或不知道。我发现关于这个问题的问题或问题很少,尽管它非常真实,并且库对此的记录非常少。
请分享您的解决方案以避免此问题。