reactjs - 禁用 blueprintjs 打开对话框动画

Question

我有一个 blueprintjs 对话框：

<BP.Dialog iconName="application" isOpen={this.state.fieldformopen} ...>

当状态 fieldformopen 更改时，将出现对话框。但它随着动画的增长而出现。这是一个问题，因为对话框充满了很多东西，而且动画很慢而且中断了。

我看不到任何禁用动画的方法。字段 transitionDuration 和 transitionName 仅在更改 css 时设置。

感谢您提供任何禁用动画的信息。

Answer 1

Add this style to the Dialog component:

style={{ transition: 'none' }}

So your component would look like:

<Dialog
    style={{ transition: 'none' }} >

This removes the growing animation, but still keeps the more subtle fade animation.