ReactCssTransitionGroup use React-route.Link pageTransition

Question

React.js 我有一個下面的React.js代碼的問題。 我想使用「React-router.Link」在頁面轉換之前設置動畫。和ReactCSSTransitionGroup。

版本 反應：'15 .2.1' 反應 - 插件 - CSS-過渡組：'15 2.2' 反應路由器： '2.6.0'

我想要得到的生命週期事件，所以我可以使用JS而不是CSS。 如果您知道正確的方法，請告訴我。 謝謝。

前。）componentWillLeave等等

P.S 我想這個代碼，但componentWillLeave不火。

var React = require("react"); 
var ReactRouter = require("react-router"); 
var CSSTransitionGroup = require('react-addons-css-transition-group'); 
var Link = ReactRouter.Link; 

var Test = React.createClass({ 
    componentWillLeave: function(callback) { 
     console.log("component will leave"); 
     $(this.getDOMNode()).hide(duration, callback); 
    }, 
    render: function() { 
     return (
      <div id="index"> 
       <CSSTransitionGroup transitionName="example" transitionAppear={true} transitionLeave={true} transitionAppearTimeout={3000} transitionLeaveTimeout={3000}> 
        <Link to="/" key="toIndex">Index</Link> 
        <Link to="contact" key="toContact">Contact</Link> 
       </CSSTransitionGroup> 
      </div> 
     ) 
    } 
}); 

Answer 1

我自己修復了這個問題。 我不知道ReactTransitionGroup。 謝謝，Evenryone。