ReactCSSTransitionGroup：过渡后保持出现/出现活动类？

Question

大家！我正在使用 ReactCSSTransitionGroup 元素，并且我正在使用新的（嗯，相对的）appear 类来让元素在渲染时淡入。我只是想知道是否有可能告诉 React 在 过渡之后保留过渡类。例如：

// jsx
render() {
  return (
    <ReactCSSTransitionGroup
      transitionName={ {
        appear: 'ready'
      } }
      transitionAppear={true}
    >
      <div class="whatever">Whatever!</div>
    </ReactCSSTransitionGroup>
 );

}

// css
.whatever {
  opacity: 0;
  transition: opacity 300ms;
}

.whatever.ready {
  opacity: 1;
}

如果可能，我希望 ready 修饰符类保留在 .whatever div 上。我知道这与 ReactCSSTransitionGroup 组件的预期行为相反，但在这种情况下，我无法更改 CSS 来反转“淡入”动画状态（我知道这会容易得多）。但是我觉得如果在实际转换之后可以选择保留转换类，那似乎也不会超出可能性范围。 （我可以传入transitionAppearTimeout={Infinity} 来模拟我想要的东西，但这显然不是很好！）

无论如何，任何帮助将不胜感激！

Answer 1

如果您使用opacity: 1 创建另一个类，并将该类添加到添加到 DOM 的 div 中，则该类显然会保留。

如果您确保该类不如whatever 类那么具体，那么它会在转换后保留。