reactjs - React-router - RouteCSSTransitionGroup を実装して、直接の子でのみアニメーションを実行するにはどうすればよいですか?

Question

ページ アニメーションを変更するこの素晴らしい例を取得しましたが、グローバル ページ変更アニメーションと状態変更アニメーションを 4 つの状態のフォームで管理したいと考えています。

例があります。 https://github.com/rackt/react-router/tree/master/examples/animations

子小道具が nextProps 引数に同じ量のルート小道具を持っていない場合、更新をブロックしようとしています。うまくいきません。

誰か助けてくれませんか？

ありがとうございました

shouldComponentUpdate(nextProps) {
    console.log(this.props.children.props.routes, nextProps.children.props.routes);
    if(this.props.children.props.routes.length === nextProps.children.props.routes.length){
      return true;
    }
    return false;
  }

メイン URL "/" を取得しました。"/registration" に変更すると、遷移が必要になります。「/registration」で「/registration/contact-infos」に移動すると、登録フォームの状態間で別の遷移を行う必要があります。