Tim Dorr 82e9680e10 Add #26 manually.		пре 10 година
..
modules	4e5eb34864 Change tutorial structure to individual folders for each lesson	пре 10 година
README.md	82e9680e10 Add #26 manually.	пре 10 година
index.html	4e5eb34864 Change tutorial structure to individual folders for each lesson	пре 10 година
index.js	4e5eb34864 Change tutorial structure to individual folders for each lesson	пре 10 година
package.json	4e5eb34864 Change tutorial structure to individual folders for each lesson	пре 10 година
webpack.config.js	4e5eb34864 Change tutorial structure to individual folders for each lesson	пре 10 година

Navigating with Link

Perhaps the most used component in your app is Link. Its almost identical to the <a/> tag you're used to except that its aware of the Router it was rendered in.

Lets create some navigation in our App component.

// modules/App.js
import React from 'react'
import { Link } from 'react-router'

export default React.createClass({
  render() {
    return (
      <div>
        <h1>React Router Tutorial</h1>
        <ul role="nav">
          <li><Link to="/about">About</Link></li>
          <li><Link to="/repos">Repos</Link></li>
        </ul>
      </div>
    )
  }
})

Now visit http://localhost:8080 and click the links, click back, click forward. It works!

Next: Nested Routes

README.md

Navigating with Link