是否有React Transition Group的SwitchTransition组件的有效示例?

时间:2019-12-05 12:19:57

标签: reactjs react-transition-group

我正在尝试使用SwitchTransition组件。不幸的是,code in the docs并不是一个完整的示例,我在填补空白方面遇到了麻烦。是否有人有使用该组件的简单示例,例如CSS淡入然后淡入?

我在网上找不到任何示例。这是否意味着我忽略了另一种常见方法?谢谢!

2 个答案:

答案 0 :(得分:5)

我已经制作了一个简单的示例here,该示例使用SwitchTransition转换要显示的文本。

react-transition-group文档链接到vue transition modes,可以深入了解交换机转换的工作原理。

答案 1 :(得分:0)

您可以使用material-ui's transitions

只需将所有内容包装在过渡组件(FadeGrowCollapseSlideZoom)周围,然后传递道具{{1} }来打开和关闭它(查看API参考以获得更多道具)。

例如

in