An Warware: Yadda ake turawa a cikin React Router v6

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 element, kuma dole ne a samar da abin da za a yi amfani da shi tare da wani abu mai ɗauke da kaddarorin suna. Bugu da ƙari, duk wani ƙarin kayan aiki kamar sigogin jiha ko tambaya dole kuma a haɗa su cikin wannan abun. Wannan na iya sa ya zama mai wahala ga masu haɓakawa waɗanda aka saba amfani da su don yin amfani da mafi sauƙi na juzu'in React Router na farko.

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).