Я пытаюсь реализовать ReactCSSTransitionGroup, она начинается с Появления, но никогда не перемещается в Ввод или Выйти

Question

"Появление" работает нормально, но никогда не запускает состояние "Ввод". Я не могу найти, что они применяют состояние Появления и после его завершения останавливается.

import ReactCSSTransitionGroup from 'react-addons-css-transition-group';

Javascript код:

<ReactCSSTransitionGroup transitionName="example" 
  transitionAppear={true}
  transitionAppearTimeout={2000}
  transitionEnter={true}
  transitionEnterTimeout={2000}
  transitionLeave={true}
  transitionLeaveTimeout={300}
>
  <h1>Welcome {this.state.username}!</h1>
</ReactCSSTransitionGroup>

Код CSS:

.example-appear {
  opacity: 0.01;
  color: blue;
}

.example-appear.example-appear-active {
  opacity: 1;
  transition: opacity 2s;
  color: orange;
}

.example-enter {
  opacity: 0.01;
  color: green;
}

.example-enter.example-enter-active {
  opacity: 1;
  transition: opacity 1000ms ease-in;
  color: red;
}