在路由到组件之前运行CSS动画

Question

我有一个fadeIn动画，它将不透明度从0设置为1，然后用FadeComponent包裹该动画。如果还有其他组件路由到FadeComponent，则react将首先渲染该组件，然后再运行fadeIn动画。

此工作流程中的css opacity属性：

1) opacity: 1;
2) opacity: 1;
3) opacity: 0 to 1;

此工作流程中的相关事件：

1) The origin opacity property of FadeComponent is 1.
2) The value is still 1 when other component route to this component (render FadeComponent first).
3) and then play the fadeIn animation.

预期3）发生在2）之前。