index.js 468 B

12345678910111213141516171819
  1. import React from 'react';
  2. import ReactCSSTransitionGroup from 'react-addons-css-transition-group';
  3. import './index.less';
  4. const App = ({ children, location }) => (
  5. <ReactCSSTransitionGroup
  6. id="app-animation"
  7. component="div"
  8. transitionName="app-animation"
  9. transitionEnterTimeout={200}
  10. transitionLeaveTimeout={200}
  11. >
  12. {React.cloneElement(children, {
  13. key: location.pathname,
  14. })}
  15. </ReactCSSTransitionGroup>
  16. );
  17. export default App;