1234567891011121314151617181920212223 |
- import React from "react";
- import ReactCSSTransitionGroup from "react-addons-css-transition-group";
- // Hello style-loader!css-loader.
- require("../main.css");
- class Main extends React.Component {
- render() {
- console.log(this.props.location.pathname);
- return (
- <div className="name-container">
- <ReactCSSTransitionGroup
- transitionName="appear"
- transitionEnterTimeout={500}
- transitionLeaveTimeout={500}>
- {React.cloneElement(this.props.children, { key: this.props.location.pathname })}
- </ReactCSSTransitionGroup>
- </div>
- );
- }
- }
- export default Main;
|