1. Kütüphane Kurulumu:

   npm install react-router-dom

   komutuyla React-router-dom kütüphanesi projeye eklenir 12.
2. Temel Bileşenlerin Kullanımı:
   • BrowserRouter: Ana uygulamanın etrafını sararak yönlendirme işlemlerini başlatır 12.
   • Route: Belirli bir URL şablonuna karşılık gelen bileşeni render eder 12.
   • Link: Sayfalar arasında gezinmeyi sağlar, URL değiştiğinde ilgili Route'a yönlendirir 12.
   • Switch: Birden fazla Route bileşenini sarar, ilk eşleşen Route'un bileşenini render eder 1.
3. Dinamik Yönlendirme:
   • useParams: Dinamik parametreleri almak için kullanılır 25.
   • : ile başlayan parametreler: URL'de değişen veri parçalarını temsil eder 5.
4. Programatik Yönlendirme:

   • useHistory

     veya

     useNavigate

     kancaları ile yönlendirme yapılır 2.

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

function App() {
  return (
    <Router>
      <div>
        <Switch>
          <Route exact path="/" component={Home} />
          <Route path="/about" component={About} />
          <Route path="/contact" component={Contact} />
          <Route component={NotFound} />
        </Switch>
      </div>
    </Router>
  );
}
Kopyala