react-bootstrap模态卸载动画

Question

我使用react-bootstrap（0.28.3）和Backbone应用程序中嵌入的React。

在我的Backbone视图中，我做了类似这样的事情： ReactDOM.render(React.createElement(MyModal, this.options}), this.el);

当破坏Backbone视图/ Backbone路由器更改路由时，我有一个onDestroyed（）来卸载React组件。

    onDestroyed() {
        ReactDOM.unmountComponentAtNode(this.el)
    }

但是这会导致模态在没有动画的情况下消失。

如何卸载react-bootstrap模式并优雅地等待动画？

Answer 1

Modal需要一个show道具，如果它设置为false，则会使模态渐变。因此，如果您可以将MyModal组件重新呈现，show设置为false并将卸载逻辑放入setTimeout所需的时间，则应该可以正常工作。