Revision: 70674
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at June 8, 2016 00:22 by dylansong
Initial Code
import React from 'react'; import { Router, Route, Link, IndexRoute, hashHistory } from 'react-router'; const Home = () => <h1>Home</h1> const HomeBody = () => <div>this is the home body</div> const Other = () => <h1>Other</h1> const OtherBody = () => <div>this is the Other body</div> const Container = (props) => <div>{props.header}{props.body}<Links /></div> const Links = () => <nav> <Link to="/">Home</Link> <Link to="/other">Other</Link> </nav> class App extends React.Component { render(){ return ( <Router history={ hashHistory }> <Route path="/" component={Container}> <IndexRoute components={ { header: Home, body: HomeBody } }></IndexRoute> <Route path="/other" components={ { header: Other, body: OtherBody} }></Route> </Route> </Router> ); } } export default App;
Initial URL
Initial Description
Initial Title
7.named-components
Initial Tags
Initial Language
Other