我想滑动一个无状态组件,该组件最初设置为 display:none
,以便在其父组件之一的状态更改后可见,就好像它向下滑动一样落下。
我是动画部分的新手,我正在尝试 this_link .
到目前为止,我在 Sandbox ( https://codesandbox.io/s/0xrjp051pp) 中尝试了什么。
有人可以帮忙吗?
最佳答案
这里是修改后的沙盒,过渡正常。 https://codesandbox.io/s/nrz8vlmrrl您唯一需要修复的是 CSS 代码,以使其按预期工作。
我做的修改如下。
- 更改了 CSS 中的过渡类以显示组件。它有显示:以前没有。
- 根据您传递但未在组件
SubComponent
中使用的 Prop 显示和隐藏组件。
关于javascript - 如何使用 ReactCSStransitionGroup 或 ReactTransitionGroup 在 React JS 中向下滑动无状态组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46651890/