react-router-slide-animation v1.0.3

React Slide Animation Router

react router左右滑动动画的封装。 基于react-router 4.3.1和react-transition-group 2.4.0

The react router slides around the animation.
Based on react-router 4.3.1 and react-transition-group 2.4.0

Usage

$ npm install react-slide-animation-router

import SlideRouter from 'react-slide-animation-router'
import { createBrowserHistory } from 'history'
const history = createBrowserHistory()

export const routes = () => {
  return (
    <Router history={history}>
      <Route render={() => {
        return (
          <SlideRouter routeAnimationDuration={400} history={history}>
            <Route path='/' exact={true} component={Page1} />
            <Route path='/2' exact={true} component={Page2} />
            <Route path='/3' exact={true} component={Page3} />
          </SlideRouter>
        );
      }}/>
    </Router>
  );
};

Api

Props