禁用 blueprintjs 打开对话框动画

Question

我有一个 blueprintjs 对话框：

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

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

我没有看到任何禁用动画的方法。字段 transitionDuration 和 transitionName 仅在更改 css.

时设置

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

Answer 1

将此样式添加到对话框组件：

style={{ transition: 'none' }}

所以你的组件看起来像：

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

这会删除生长动画，但仍会保留更微妙的淡化动画。