reactjs - React语义UI中的模态和下拉动画

我最近切换到了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>

有什么办法可以解决此问题？

最佳答案

在下面的讨论中提供了很多带有示例的解决方案。我试过用<Modal>包装<TransitionablePortal>，并且可以正常工作。一探究竟:
https://github.com/Semantic-Org/Semantic-UI-React/issues/2923