在If语句中不渲染动画

Question

我在if块中有一个react动画组件，如下所示；

import { CSSTransitionGroup } from 'react-transition-group'

......
......
......
......


render() {
   return(
      <div className="App"
         {
           this.state.isloading 
             ? <div className="loader"></div>
             : <CSSTransitionGroup
                 transitionName="example"
                 transitionEnterTimeout={1000}
                 transitionLeaveTimeout={750}
               >
                 {this.state.hot_list.length > 0 
                   ? <Displaycont hot_list={this.state.hot_list} /> 
                   : null}
              </CSSTransitionGroup>
          }
      </div>
 )
}

这不会仅渲染组件“ Displaycont”的动画。

如果删除了If块，动画将按预期方式渲染。我的样式如下所示；

https://reactjs.org/docs/animation.html#low-level-api-reacttransitiongroup

任何想法我可能做错了什么事