text: import React from 'react'
  import NavLink from '../NavLink'
  import { browserHistory } from 'react-router'
  
  export default React.createClass({
      // add this method
      handleSubmit(event) {
          event.preventDefault();
          const userName = event.target.elements[0].value;
          const repo = event.target.elements[1].value;
          const path = `/router/repos/${userName}/${repo}`;
          console.log(path);
          browserHistory.push(path);
      },
    render() {
      return (
        <div>
          <h2>Repos</h2>
          <ul>
            <li><NavLink to="/router/repos/reactjs/react-router">React Router</NavLink></li>
            <li><NavLink to="/router/repos/facebook/react">React</NavLink></li>
              {/* add this form */}
              <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>
      )
    }
  })
  