react-route-transition-group

描述

基于 react 的路由切换左右滑动动画

安装

npm install react-route-transition-group --save

引入方式

import { ReactRouteTransitionGroup } from 'react-route-transition-group'; // 项目没有用TS，可以这样引入;
const { ReactRouteTransitionGroup } = require('react-route-transition-group'); // 项目中使用了TS，可以这样引入;

使用方法

return (
  <ReactRouteTransitionGroup
    path={route.path} // 指的是pathname，格式为如：'/login'
    component={route.component} // route.component 是匹配到的组件；
  />
);