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