reactjs - React Semantic UI 中模态和下拉菜单的动画

Question

我最近切换到 React Semantic-UI 但是，我发现 HTML 版本的 Semantic-UI 中没有任何动画，例如下拉菜单和模式弹出窗口。

我尝试使用过渡 Prop 并将其包装在模态周围，但无济于事。

<Transition animation='scale' duration={500}>
  <Modal
    trigger={<Button>Show Modal</Button>}
    header='Reminder!'
    content='Call Benjamin regarding the reports.'
    actions={[
      'Snooze',
      { key: 'done', content: 'Done', positive: true },
    ]}
  />
</Transition>

有什么办法可以解决这个问题吗？

Answer 1

下面的讨论中给出了很多解决方案和示例。我尝试过包装 <Modal>与 <TransitionablePortal>它有效。一探究竟: https://github.com/Semantic-Org/Semantic-UI-React/issues/2923