5

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

到目前为止我试过:
react-transtition-group
react-animations
react-spring

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

...还有更多,但所有这些,做我需要的,除了一件事......当应用过渡/样式的每个状态时,子组件总是更新,触发重新渲染(顺便说一句,这是有道理的),除非孩子shouldComponentUpdate()返回 false,或者被包裹在 PureComponent 中,这两者都不是解决方案,因为您可能(肯定)想要在过渡结束。

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

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

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

4

1 回答 1

1

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

于 2019-06-14T18:03:24.263 回答