React Router nasıl kullanılır?

React Router Kullanımı

React Router, React uygulamaları içinde sayfalar arasında gezinmeyi sağlamak için kullanılan bir kütüphanedir. Temel kullanımı aşağıdaki adımlarla gerçekleştirilir.

Kurulum

Öncelikle, React projenize React Router'ı eklemeniz gerekiyor:

• Terminalde şu komutu çalıştırın: npm install react-router-dom

Temel Yapı

React Router'ı kullanmak için gerekli bileşenleri import etmek gerekir:

• BrowserRouter: Uygulamanızın temelini sarar.
• Route: Her bir sayfa bileşenini tanımlamak için kullanılır.
• Link: Farklı sayfalara bağlantılar oluşturur.

Örnek Kullanım

Aşağıdaki örnek, temel bir uygulama yapısını göstermektedir:

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

function Home() {
    return 
Ana Sayfa
;
}

function About() {
    return 
Hakkında
;
}

function App() {
    return (
        
            
            
            
        
    );
}

Özet

React Router, sayfalar arasında geçiş yapmayı sağlayan kullanışlı bir kütüphanedir. Uygulamanızda bu temel adımları takip ederek hızlıca kullanabilirsiniz.