Şimdi react router dom u normalde projeye kurmanız gerekiyor ama ortak olduğundan ben kurup main e atıcam direkt.
react router ile fronttaki butonlara bastığınızda hangi sayfaya gideceğinizi falan belirliyorsunuz. bunun için a etiketine href girerek de yapabilirsiniz ama en sağlıklısı react router dom ile gelen Link elementini kullanıp href yerine de to kullanmanız. Bunun içine bir url verince oraya yönlendiriyor. bu arada kullanacağınız sayfada en yukarda import ta etmeniz lazım. import { Link } from "react-router-dom";
Örnek:
şimdi bu link yönlendiriyor ama yönlendirmeyi asıl yapan şey app.jsx içine gireceğiniz çeşit çeşit routelar.
bunun için app.jsx return içindeki her şeyi silin şimdilik sonra app dosyasının mimarisi şu şekilde olmalı: ilk önce import tabii ki.
import { BrowserRouter, Route, Routes } from 'react-router-dom' bunu ben yaptım zaten.
En başta olacak.
Sonra bunun içine eklenecek.
Sonra da bunlar içine eklenecek.
Sizin sayfalarınız da bu Routeların element attribute u olarak gelecek. örneğin:
bir örnek daha vereyim ama aşağıdaki resimde publicroute un olmadığını varsayarsanız direkt sayfanızı element={içine} ekliyorsunuz yani. route içine yazdığınız path ile eşleşince içine girdiğiniz sayfayı ekliyor size.
Şimdi react router dom u normalde projeye kurmanız gerekiyor ama ortak olduğundan ben kurup main e atıcam direkt.
react router ile fronttaki butonlara bastığınızda hangi sayfaya gideceğinizi falan belirliyorsunuz. bunun için a etiketine href girerek de yapabilirsiniz ama en sağlıklısı react router dom ile gelen Link elementini kullanıp href yerine de to kullanmanız. Bunun içine bir url verince oraya yönlendiriyor. bu arada kullanacağınız sayfada en yukarda import ta etmeniz lazım. import { Link } from "react-router-dom"; Örnek:
şimdi bu link yönlendiriyor ama yönlendirmeyi asıl yapan şey app.jsx içine gireceğiniz çeşit çeşit routelar. bunun için app.jsx return içindeki her şeyi silin şimdilik sonra app dosyasının mimarisi şu şekilde olmalı: ilk önce import tabii ki. import { BrowserRouter, Route, Routes } from 'react-router-dom' bunu ben yaptım zaten.
En başta
olacak.
Sonra bunun içine
eklenecek.
Sonra da bunlar içine
eklenecek.
Sizin sayfalarınız da bu Routeların element attribute u olarak gelecek. örneğin:
bir örnek daha vereyim ama aşağıdaki resimde publicroute un olmadığını varsayarsanız direkt sayfanızı element={içine} ekliyorsunuz yani. route içine yazdığınız path ile eşleşince içine girdiğiniz sayfayı ekliyor size.