Reactjs 条件CSS转换

Reactjs 条件CSS转换,reactjs,react-transition-group,Reactjs,React Transition Group,我有几个打开模态的组件,我想在模态中添加一个过渡,如下所示: <CSSTransition classNames={transitionName} timeout={250} > <TransitionGroup> {isOpen && (<ModalContent/&

我有几个打开模态的组件,我想在模态中添加一个过渡,如下所示:

            <CSSTransition
                classNames={transitionName}
                timeout={250}
            >
                <TransitionGroup>
                    {isOpen && (<ModalContent/>)}
                </TransitionGroup>
            </CSSTransition>

{isOpen&&()}
此时,进入的过渡正在进行,但退出的过渡从未进行过。 我的CSS带有-exit和-enter。但在这里,我认为它来自于条件,在呈现转换之前从DOM中删除内容。我希望你能帮助我

提前感谢