Main.js 629 B

1234567891011121314151617181920212223
  1. import React from "react";
  2. import ReactCSSTransitionGroup from "react-addons-css-transition-group";
  3. // Hello style-loader!css-loader.
  4. require("../main.css");
  5. class Main extends React.Component {
  6. render() {
  7. console.log(this.props.location.pathname);
  8. return (
  9. <div className="name-container">
  10. <ReactCSSTransitionGroup
  11. transitionName="appear"
  12. transitionEnterTimeout={500}
  13. transitionLeaveTimeout={500}>
  14. {React.cloneElement(this.props.children, { key: this.props.location.pathname })}
  15. </ReactCSSTransitionGroup>
  16. </div>
  17. );
  18. }
  19. }
  20. export default Main;