La xaliyay: react router dom IndexRedirect

Dhibaatada ugu weyn ee la xiriirta React Router DOM IndexRedirect waa inay sababi karto jihooyin lama filaan ah. Tani waa sababta oo ah qaybta IndexRedirect waxay si toos ah ugu jihaysaa isticmaalayaasha waddo cayiman markay galaan URL-ka asalka ah ee degelka. Tani waxay jahawareer ku noqon kartaa isticmaalayaasha sugaya inay arkaan bogga guriga ama waxyaabaha kale ee ku jira URL xididka. Intaa waxaa dheer, haddii isticmaale uu mar hore u soo guuray bog gaar ah ka dibna dib u cusbooneysiiyay biraawsarkooda, waxaa laga yaabaa in si lama filaan ah looga leexiyo boggaas sababtoo ah qayb IndexRedirect ah.

import { BrowserRouter as Router, Route, IndexRedirect } from "react-router-dom";

<Router>
  <Route path="/">
    <IndexRedirect to="/home" />
    <Route path="/home" component={Home} />
    <Route path="/about" component={About} />
  </Route>  
</Router>

1. "ka soo deji { BrowserRouter sida Router, Route, IndexRedirect} ka 'react-router-dom';" - Khadkani waxa uu ka soo dejiyaa qaybaha BrowserRouter, Route iyo IndexRedirect ee maktabadda react-router-dom.

2. ""- Khadkani wuxuu ku duubaa dhammaan waddooyinka qayb ka mid ah Router-ka kaas oo loo isticmaalo in lagu dejiyo habka codsiga React.

3. ""- Xariiqan ayaa dejisa waddo leh waddo '/' ah. Codsiyo kasta oo jidkan ah waxaa lagu maamuli doonaa jidkan.

4. "”- Sadarkani waxa uu u weecinayaa codsi kasta oo ku socda dariiqa '/guriga'.

5. ""- Khadkani wuxuu dejinayaa waddo leh dariiqa '/guriga'. Codsi kasta oo jidkan ah waxaa maamuli doona qaybta Guriga oo loo gudbiyo dood ahaan qaybta Jidka.

6. ""- Xariiqan ayaa dejisa waddo leh waddo '/ku saabsan'. Codsi kasta oo jidkan ah waxaa maamuli doona qaybta ku saabsan kaas oo loo gudbiyo dood ahaan qaybta Jidka.

7.""""" - Khadadkani waxay xiraan labada waddo iyo qaybaha router siday u kala horreeyaan

Waa maxay IndexRedirect

IndexRedirect waa qayb ka mid ah React Router kaas oo kuu ogolaanaya inaad ka leexiso hal waddo oo aad u leexiso mid kale. Waxaa la isticmaalaa marka aad rabto in aad ka leexiso isticmaalaha URL xididka codsigaaga waddo kale. Tusaale ahaan, haddii aad haysato codsi leh URL xidid ah "/", waxaad isticmaali kartaa IndexRedirect si aad ugu wareejiso isticmaalaha "/ guriga" marka ay booqdaan URL-ka xididka ah.

Sida loo sameeyo IndexRedirect

IndexRedirect in React Router waa hab lagu jiheeyo isticmaalayaasha URL asalka ah ee codsigaaga URL kale. Tani waxay faa'iido u yeelan kartaa ku hagida isticmaalayaasha bogga ugu muhiimsan ee codsigaaga, ama abuurista bogga degitaanka.

Si aad u sameyso IndexRedirect ee React Router, waxaad u baahan tahay inaad isticmaasho qayb. Qaybtani waxay qaadataa laba qalab: "to" iyo "riix". Furaha "to" waxaa loo isticmaalaa in lagu qeexo URL-ka aad rabto in isticmaaleyaasha loo wareejiyo, halka "riix" prop ay go'aamiso in taariikhda browserka la cusboonaysiiyo iyo in kale marka dib-u-habeyntani dhacdo (runta default).

Tusaale ahaan, haddii aad rabto isticmaaleyaasha soo booqda URL-kaaga xididka ah (tusaale, www.example.com) in lagu jiheeyo www.example.com/home, waxaad isticmaali kartaa IndexRedirect sida tan:

…dariiqyo kale…