React აპლიკაციაში URL-ის ფორმატირება და routing გადამწყვეტი როლი თამაშობს გვერდებზე ნავიგაციაში და შესაბამისი შინაარსის ჩვენებაში. React-ში სამართავად routing, შეგვიძლია გამოვიყენოთ ბიბლიოთეკა. აქ არის ძირითადი სახელმძღვანელო, თუ როგორ გამოიყენოთ URL-ების ფორმატირება და დამუშავება თქვენს React აპლიკაციაში. React Router React Router routing
Დაინსტალირება React Router
გახსენით თქვენი პროექტის დირექტორია ტერმინალში და დააინსტალირეთ შემდეგი ბრძანება: React Router npm install react-router-dom
საჭირო კომპონენტების იმპორტი თქვენს React კომპონენტში. React Router
მარშრუტების განსაზღვრა
გამოიყენეთ კომპონენტი თქვენი React აპლიკაციის შესაფუთად და საბაზისო URL-ის ფორმატის დასაყენებლად. <BrowserRouter>
გამოიყენეთ <Route>
კომპონენტი თქვენს აპლიკაციაში მარშრუტების დასადგენად.
მაგალითი:
განსაზღვრეთ Link ს
გამოიყენეთ კომპონენტი თქვენს აპლიკაციაში ნავიგაციის შესაქმნელად. <Link>
link
მაგალითი:
წვდომის ბილიკის პარამეტრებზე
გამოიყენეთ კომპონენტი ფორმატში ატრიბუტით <Route>
ბილიკების პარამეტრებზე წვდომისთვის. path
/users/:id
კომპონენტში, რომელიც განსაზღვრულია <Route>
, შეგიძლიათ გამოიყენოთ useParams()
ბილიკის პარამეტრების მნიშვნელობებზე წვდომისათვის.
მაგალითი:
გამოიყენეთ Switch და Redirect
გამოიყენეთ კომპონენტი მხოლოდ პირველი მარშრუტის გამოსატანად, რომელიც ემთხვევა ბილიკს. <Switch>
გამოიყენეთ კომპონენტი მომხმარებლებისთვის ერთი მითითებული გზიდან მეორეზე. <Redirect>
redirect
მაგალითი:
ეს არის URL-ის ფორმატირების რამდენიმე ძირითადი კონცეფცია და routing React-ის გამოყენებით. გამოყენებით, თქვენ შეგიძლიათ შექმნათ მოქნილი React აპლიკაციები, ნავიგაციის და URL-ზე დაფუძნებული სხვადასხვა შინაარსის ჩვენების შესაძლებლობით. React Router React Router