23 lines
629 B
JavaScript
23 lines
629 B
JavaScript
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;
|