Link ile Gezinmek
Belki de uygulamanızda en çok kullanılan component Link
tir. 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.