如何使组件的光滑外观及其在reactJS中的消失？

Question

我使用react + redux，我向服务器发出请求，在等待来自服务器的响应时，不显示组件，isFetching = false的值。收到答复后，会立即将值isFetching = ture

 if (this.props.tv.isFetching) {
    return (<div>hello world</div>)
} else {
    return <Spinner/>;
}

当我们等待来自服务器的响应时，我想显示一个淡入淡出显示和淡出的微调器。

我使用 react-transition-group 来到输出。 但问题是进入和退出事件不起作用，只出现。

class Spinner extends Component {
    render() {
        return (
            <CSSTransition
                classNames={{
                    appear: 'my-appear',
                    appearActive: 'my-active-appear',
                    enter: 'my-enter',
                    enterActive: 'my-active-enter',
                    exit: 'my-exit',
                    exitActive: 'my-active-exit',
                }}
                timeout={{
                    enter: 300,
                    exit: 50550,
                }}
                in
                appear
            >
                <div className="spinner-wrap" >
                    <div className="spinner"/>
                </div>
            </CSSTransition>
        );
    }
}