complete lesson 6

Author: Hudson Prestidge

lessons/06-params/index.js

@@ -4,11 +4,13 @@ import { Router, Route, hashHistory } from 'react-router'
 import App from './modules/App'
 import About from './modules/About'
 import Repos from './modules/Repos'
+import Repo from './modules/Repo'
 
 render((
   <Router history={hashHistory}>
     <Route path="/" component={App}>
       <Route path="/repos" component={Repos}/>
+      <Route path="/repos/:userName/:repoName" component={Repo}/>
       <Route path="/about" component={About}/>
     </Route>
   </Router>

lessons/06-params/modules/About.js

@@ -2,6 +2,6 @@ import React from 'react'
 
 export default React.createClass({
   render() {
-    return <div>About</div>
+    return (<div>About</div>)
   }
 })

lessons/06-params/modules/Repo.js

@@ -0,0 +1,11 @@
+import React from 'react'
+
+export default React.createClass({
+  render(){
+    return(
+      <div>
+        <h2> {this.props.params.repoName} </h2>
+      </div>
+    )
+  }
+})

lessons/06-params/modules/Repos.js

@@ -1,7 +1,19 @@
 import React from 'react'
+import { Link } from 'react-router'
+
 
 export default React.createClass({
   render() {
-    return <div>Repos</div>
+    return (
+      <div>
+      <h2>Repos</h2>
+
+      <ul>
+        <li><Link to="/repos/reactjs/React-Router">React Router</Link></li>
+        <li><Link to="/repos/facebook/React">React</Link></li>
+      </ul>
+
+      </div>
+    )
   }
 })