2

react-routerで遷移するときにアニメーションをコンポーネントに適用したいと思います。これは初期ロード後にのみ実行できますが、初期マウントでもアニメーションを表示したい (ページの更新)。

これは私が試したものです。注transitionAppear: trueは何もしませんでした:

class App extends Component {

    constructor() {

        super();
    }

    render() {

        let path = this.context.router.getCurrentPath();
        path = path.substring(0, path.split('/', 2).join('/').length);
        return (
            Transitions({component: 'div', transitionName: 'fade', transitionAppear: true},
                handler({key: path})
            )
        )
    }
}
4

1 に答える 1

2

反応ドキュメントを読み直して、transitionAppearそれが独自の css クラス ( )をトリガーすることに気付きました.appear。このクラスを追加すると、問題が解決しました。

于 2015-08-19T20:09:58.880 に答える