Router

Tüm router componentleri için ortak alt düzey arayüzüdür. Tipik olarak, uygulamalar altta sıralanmış olan üst düzey routerlardan birini kullanır:

• Browser Router
• Hash Router
• Memory Router
• Static Router

Düşük seviye <Router> kullanmak için en yaygın kullanılan durum, bir özel geçmişi, Redux veya Mobx gibi bir state yönetimi kütüphanesiyle senkronize etmektir. React Router’ın yanında state yönetim kütüphanelerini kullanmak için bunun gerekli olmadığını, yalnızca derin entegrasyon için olduğunu unutmayın.

Router kullanmak için react-router-domdan import edip basitçe aşağıdaki gibi kullanabiliriz.

import { Router } from 'react-router'
import createBrowserHistory from 'history/createBrowserHistory'

const history = createBrowserHistory()

<Router history={history}>
  <App/>
</Router>

Parametreleri

history: object

Linklerde gezinmek için kullanılacak bir history objesidir.

import createBrowserHistory from 'history/createBrowserHistory'

const customHistory = createBrowserHistory()
<Router history={customHistory}/>

children: node

Bir adet child element render eder.

<Router>
  <App/>
</Router>

Sıradaki Gelişmiş Kılavuz: Static Router