reactjs - 离子反应如何制作动画在组件上重新渲染？

Question

我正在使用下面的代码为我的滑块菜单设置动画，因为没有合适的离子菜单控制器示例进行反应。

<CreateAnimation
            play={isLoaded}
            duration={500}
            fromTo={[
                { property: 'transform', fromValue: animateFrom, toValue: animateTo }
            ]}>


            ...my slider UI

</CreateAnimation>

问题是，它第一次运行良好。但在那之后它甚至在我的组件重新渲染之后也没有。

Answer 1

https://ionicframework.com/docs/cli/commands/start

sidemenu - 带有内容区域导航的侧边菜单的启动项目

Starters for @ionic/react (--type=react)

name         | description
--------------------------------------------------------------------------------------
blank        | A blank starter project
list         | A starting project with a list
my-first-app | An example application that builds a camera with gallery
sidemenu     | A starting project with a side menu with navigation in the content area
tabs         | A starting project with a simple tabbed interface
conference   | A kitchen-sink application that shows off all Ionic has to offer