react-router-transition-page

描述

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

效果如图

安装

npm install react-router-transition-page --save

引入方式

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

使用方法

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