reactjs - 语义 UI React Transition 没有动画

Question

我正在尝试使用 React Semantic UI 的 Transition 为基于 React 类的组件的进入和退出设置动画。 。但它不起作用。参见 https://codesandbox.io/s/k23z06o43r?fontsize=14 .

在代码片段中，我进行了 3 个实验:

1. 使用 Transition 为类组件的进入和退出设置动画 - 是否不工作
2. 与上面相同，但 Class 组件被包裹在一个 div 中在过渡中 - 按预期工作，但我不想要 div，如果可能的话。或者至少理解为什么它是必要的。
3. 与 1) 相同，为 Transition 设置了 unMount 属性。 - 不动画进入/退出，但安装/卸载组件。

Answer 1

好吧，我自己从未使用过这个库，但语义 ui 似乎无法与转换组件内的客户组件一起正常工作。您可以使用 semantic-ui 中的 Container 组件，然后简单地将您的客户组件作为子组件传入，这样就可以了。