Browser React路由器、ReactCSSTransitionGroup和本机后退和前进按钮

Browser React路由器、ReactCSSTransitionGroup和本机后退和前进按钮,browser,react-router,browser-history,reactcsstransitiongroup,Browser,React Router,Browser History,Reactcsstransitiongroup,可能是一个noob问题,但我在这里面临的是反应路由器周期问题 我有 反应路由器 反应链组 我有两个版本的css动画,希望根据导航类型在它们之间切换。除了浏览器的后退和前进按钮,它对于任何类型的用户交互都非常简单 <ReactCSSTransitionGroup transitionName={this.state.animation} transitionEnterTimeout={600} transitionLeaveTimeout={600}> (...) </Re

可能是一个noob问题,但我在这里面临的是反应路由器周期问题

我有

  • 反应路由器
  • 反应链组
我有两个版本的css动画,希望根据导航类型在它们之间切换。除了浏览器的后退和前进按钮,它对于任何类型的用户交互都非常简单

<ReactCSSTransitionGroup 
transitionName={this.state.animation} transitionEnterTimeout={600} transitionLeaveTimeout={600}>
(...)
</ReactCSSTransitionGroup>

(...)

在单击本机浏览器历史记录导航之后和反应转换css转换开始之前是否触发任何事件?我试过browserHistory.listen,但它会在动画开始后启动。

我觉得你在使用react router v3。我知道这是一个可怕的解决方案,但如果您在项目早期,肯定切换到v4,它只是一个组件,在后退/前进时,它会被销毁和创建,并将遵循过渡组的说明。也许我的查询不准确-我使用容器应用程序的组件WillReceiveProps使其工作,它似乎在转换之前启动;)