React-router - 如何实现RouteCSSTransitionGroup只对直接子进行动画?

时间:2015-12-10 21:06:00

标签: reactjs react-router reactcsstransitiongroup

我们得到了改变页面动画的这个很棒的例子,但是我希望以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;
  }

我得到了我的主要网址“/”,当我更改为“/ registration”时,它必须进行转换。当我在“/ registration”并且我转到“/ registration / contact-infos”时,它必须在注册表单状态之间进行另一次转换。

0 个答案:

没有答案