Babban matsalar da ke da alaƙa da turawa a cikin React Router v6 shine cewa tsarin haɗin kai ya canza sosai daga nau'ikan da suka gabata. A cikin v6, dole ne a yi amfani da bangaren Redirect maimakon
In React Router v6, you can use the <Redirect> component to redirect from one page to another. Example: import { Redirect } from 'react-router-dom'; <Route exact path="/old-path"> <Redirect to="/new-path" /> </Route>
1. shigo da {Komawa} daga 'react-router-dom';
- Wannan layin yana shigo da bangaren Redirect daga ɗakin karatu na react-router-dom.
2.
- Wannan layin yana haifar da ɓangaren Hanya tare da ainihin hanyar "/ tsohuwar hanya".
3.
- Wannan layin yana amfani da bangaren Redirect don turawa daga "/ tsohuwar-hanyar" zuwa "/ sabuwar-hanyar".
Ta yaya zan iya turawa a cikin React Router v6
v6
React Router v6 yana ba da sashin Juya kai wanda za'a iya amfani dashi don tura masu amfani daga shafi ɗaya zuwa wani. Don amfani da bangaren Redirect, kuna buƙatar shigo da shi daga fakitin react-router-dom. Bangaren turawa yana ɗaukar abubuwa biyu: daga kuma zuwa. The "daga" prop shine hanyar shafin na yanzu, kuma "zuwa" prop shine hanyar shafin da kake son tura masu amfani zuwa. Misali, idan kuna son tura masu amfani daga /shafin gida zuwa /game da su, lambar ku zata yi kama da haka:
shigo da {Komawa} daga 'react-router-dom';
Menene React Router?
React Router babban ɗakin karatu ne don React wanda ke ba masu haɓakawa damar ƙirƙirar aikace-aikacen shafi guda ɗaya tare da kewayawa da ƙarfi, tsarin jigila. Yana taimakawa don kiyaye UI a daidaita tare da URL, yana sauƙaƙa wa masu amfani don rabawa da alamar URLs. React na'ura mai ba da hanya tsakanin hanyoyin sadarwa kuma yana ba da fasaloli masu ƙarfi kamar ɗora nauyi, kariyar hanya, da sarrafa canjin wuri.
Nau'in na'ura mai ba da hanya tsakanin hanyoyin sadarwa
React Router babban ɗakin karatu ne don React wanda ke ba masu haɓaka damar ƙirƙirar aikace-aikacen shafi guda ɗaya tare da kewayawa da hanyar URL. Yana ba da nau'ikan hanyoyin sadarwa iri uku: BrowserRouter, HashRouter, da MemoryRouter.
BrowserRouter: Wannan na'ura mai ba da hanya tsakanin hanyoyin sadarwa tana amfani da tarihin HTML5 API don kiyaye UI ɗin ku tare da URL. Ana amfani dashi lokacin da kake son amfani da URL na ainihi a cikin aikace-aikacen ku.
HashRouter: Wannan na'ura mai ba da hanya tsakanin hanyoyin sadarwa tana amfani da sashin hash na URL (watau #) don kiyaye UI ɗin ku tare da URL. Ana amfani da shi lokacin da ba kwa son amfani da URL na ainihi ko kuma lokacin da kuke buƙatar dacewa tare da tsofaffin masu bincike waɗanda basa goyan bayan tarihin HTML5 API.
MemoryRouter: Wannan na'ura mai ba da hanya tsakanin hanyoyin sadarwa yana adana tarihin wurare a cikin ƙwaƙwalwar ajiya kuma baya yin hulɗa tare da ma'aunin adireshin mai lilo ko ƙirƙirar URLs na gaske. Yana da amfani don dalilai na gwaji ko don wuraren da ba a so yin amfani da URL na ainihi (misali, ma'anar ɓangaren uwar garken).