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.