Ana içeriğe atla

Kayıtlar

routers etiketine sahip yayınlar gösteriliyor

Mala Anlatır Gibi React — 7: Yönlendirme Paketi / react-router-dom

Mala Anlatır Gibi React — 7: Yönlendirme Paketi / react-router-dom React’da, sayfalardan sayfaya geçiş yapmak için, kullanılan bir paket, kabaca bir tâbir ile. Paketi yüklemek için: npm i react-router-dom Genel bir iskelet ve <Route /> tanımı: import { BrowserRouter as Router , Routes , Route } from 'react-router-dom' < Router > < Routes > // route'lar buraya gelecek. < Route path = "/" element = { < App /> } /> < Route path = "/menu" element = { < Menu /> } /> </ Routes > </ Router > Route’larımızı gördünüz. Neden “ / ” var? Çünkü “ / ” demek, ilk sayfayı açtığınız yer. Yani localhost:3000 'e girdiniz değil mi, direkt orası. Burada <Route /> içerisine yazdığımız şeyler, path= {}tanımladığımız yer, element={} ise o linke gittiğimiz de gelecek içerik. Meselâ “ /menu ” adlı yere gidelim. <Menu /> component tanımlamışız ama eğer element={<h1>Merhaba menü sa...