36 lines
962 B
JavaScript
36 lines
962 B
JavaScript
import React from 'react'
|
|
import NavLink from './NavLink'
|
|
|
|
export default React.createClass({
|
|
contextTypes: {
|
|
router: React.PropTypes.object
|
|
},
|
|
|
|
handleSubmit(event) {
|
|
event.preventDefault()
|
|
const userName = event.target.elements[0].value
|
|
const repo = event.target.elements[1].value
|
|
const path = `/repos/${userName}/${repo}`
|
|
this.context.router.push(path)
|
|
},
|
|
|
|
render() {
|
|
return (
|
|
<div>
|
|
<h2>Repos</h2>
|
|
<ul>
|
|
<li><NavLink to="/repos/reactjs/react-router">React Router</NavLink></li>
|
|
<li><NavLink to="/repos/facebook/react">React</NavLink></li>
|
|
<li>
|
|
<form onSubmit={this.handleSubmit}>
|
|
<input type="text" placeholder="userName"/> / {' '}
|
|
<input type="text" placeholder="repo"/>{' '}
|
|
<button type="submit">Go</button>
|
|
</form>
|
|
</li>
|
|
</ul>
|
|
{this.props.children}
|
|
</div>
|
|
)
|
|
}
|
|
})
|