reactjs - 初始页面加载时的 react-router 过渡动画

Question

我想在使用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})
            )
        )
    }
}

Answer 1

在重新阅读react 文档时，我意识到transitionAppear触发了它自己的 css 类（.appear）。添加此类解决了我的问题。