在 <CSSTransition /> 中包装组件会有什么副作用吗？

问：

  <CSSTransition
      in={is_ready}
      nodeRef={comp_ref}
      timeout={speed}
      unmountOnExit
      classNames={classNames}
    >
      <OriginalComponent ref={comp_ref}>{children}</OriginalComponent>
  </CSSTransition>

当然，我这样做的唯一原因是使用过渡动画。但其他一切都应该完全像以前一样。

这可信吗？例如，如果以某种方式与父级相关，例如 flex-box，该怎么办：OriginalComponent

以前：

  <div className="some-parent-class">
      <OriginalComponent ref={comp_ref}>{children}</OriginalComponent>
  </div>

现在：

<div className="some-parent-class">
  <CSSTransition
      in={is_ready}
      nodeRef={comp_ref}
      timeout={speed}
      unmountOnExit
      classNames={classNames}
    >
      <OriginalComponent ref={comp_ref}>{children}</OriginalComponent>
  </CSSTransition>
</div>

正如你现在所看到的，结构已经改变