我正在尝试使用SwitchTransition
组件。不幸的是,code in the docs并不是一个完整的示例,我在填补空白方面遇到了麻烦。是否有人有使用该组件的简单示例,例如CSS淡入然后淡入?
我在网上找不到任何示例。这是否意味着我忽略了另一种常见方法?谢谢!
答案 0 :(得分:5)
我已经制作了一个简单的示例here,该示例使用SwitchTransition转换要显示的文本。
react-transition-group文档链接到vue transition modes,可以深入了解交换机转换的工作原理。
答案 1 :(得分:0)
您可以使用material-ui's transitions。
只需将所有内容包装在过渡组件(Fade
,Grow
,Collapse
,Slide
,Zoom
)周围,然后传递道具{{1} }来打开和关闭它(查看API参考以获得更多道具)。
例如
in