Link ile Gezinmek

Belki de uygulamanızda en çok kullanılan component Linktir. Bu component kullandığınız <a> etiketiyle hemen hemen aynıdır.

App componentimizde bazı linkler oluşturalım.

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

export default React.createClass({
  render() {
    return (
      <div>
        <h1>React Router Türkçe Dokümantasyon</h1>
        <ul role="nav">
          <li><Link to="/about">Hakkında</Link></li>
          <li><Link to="/repos">Repos</Link></li>
        </ul>
      </div>
    )
  }
})

http://localhost:8080 linkini ziyaret edin ve linklere tıklayın, sayfada geri gidin, tekrar ileri gidin.

Link componentine click yaptığımız anda to="" parametresinde yazan kısmı sayfa linkine ekler. Fakat sadece linki değiştirir, ekranda o linkteki componentlerin yüklenmesi işlemini ileride Route componentleri yardımı ile yapacağız.

Sıradaki Eğitim: İç İçe Geçmiş Routelar