1

React.js 以下の React.js コードに問題があります。「React-router.Link」を使ってページ遷移前のアニメーションを設定しようとしています。および ReactCSSTransitionGroup。

バージョンの反応: '15.2.1' 反応-アドオン-css-遷移グループ: '15.2' 反応ルーター: '2.6.0'

ライフサイクル イベントを取得したいので、CSS ではなく JS を使用できます。正しいやり方をご存知でしたら教えてください。ありがとうございました。

ex.) componentWillLeave など...

PS私はこのコードを試しましたが、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>
        )
    }
});
4

1 に答える 1

0

この問題を自分で修正しました。ReactTransitionGroup を知りませんでした。ありがとう、エヴリオン。

于 2016-10-27T07:27:27.953 に答える