语义 UI React 转换没有动画

Question

我正在尝试使用 React Semantic UI 的Transition对基于 React Class 的组件的进入和退出进行动画处理。但这不起作用。请参阅https://codesandbox.io/s/k23z06o43r?fontsize=14。

在代码片段中，我正在进行 3 个实验：

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

Answer 1

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