Dhibka ugu weyn ee la xidhiidha FirfircoonClassName ee React Router waa in aanu si toos ah u cusboonaysiin fasalka firfircoon marka dariiqu is beddelo. Tani waxay ka dhigan tahay in horumariyayaashu ay gacanta ku cusboonaysiiyaan fasalka firfircoon mar kasta oo dariiqu is beddelo, taas oo noqon karta waqti-qaadasho iyo khalad-u nugul. Intaa waxaa dheer, haddii waddooyin badan ay isku dhex yaalliin, way adkaan kartaa in lala socdo dariiqa hadda firfircoon iyo fasallada lagu dabaqi karo shay kasta.
<Router> <Link to="/about" activeClassName="active">About</Link> </Router>
1. The
2. The Qaybta waxaa loo isticmaalaa in lagu abuuro xiriirin marka la gujiyo, u qaadi doona isticmaalaha bogga lagu qeexay sifada "to" (xaaladdan, "/ ku saabsan").
3. Sifada ClassClassName ee firfircoon ayaa cadaynaysa fasalka ay tahay in lagu dabaqo marka xidhiidhku shaqaynayo (xaaladdan, "firfircoon").
Waa maxay NavLink
NavLink waa qayb falcelin ah oo loo isticmaalo React Router si loo abuuro isku xidhka dhex mara dariiqyada kala duwan ee codsiga. Waxay la mid tahay qaybta isku xidhka, laakiin waxay ku darsataa sifooyinka habaynta ee qaybta la sameeyay marka ay ku habboon tahay URL-ka hadda jira. NavLink waxa kale oo uu bixiyaa firfircooniClassName prop kaas oo loo isticmaali karo in lagu codsado magaca fasalka marka jidka isku xidhka uu firfircoon yahay.
sifada ClassClassName firfircoon
Sifada ClassClassName ee firfircoon ee React Router waxa loo isticmaalaa in lagu caddeeyo magac fasalka lagu dabaqi doono cunsurka marka uu u dhigmo URL-ka hadda jira. Tani waxay faa'iido u leedahay habaynta isku xirka ama alaabta hagidda marka ay ku habboon yihiin dariiqa hadda socda. Waxa kale oo loo isticmaali karaa in lagu daro habayn dheeri ah oo lagu sameeyo canaasiirta aan si toos ah ula xidhiidhin habaynta, sida muujinta tabka hadda firfircoon ee ku jira bar navigation.
Waa maxay sababta uu u shaqayn waayay ClassName
ActiveClassName waa sifo ka mid ah React Router kaas oo kuu ogolaanaya inaad ku darto fasal xiriiriyaha firfircoon ee menu navigation. Nasiib darro, kuma shaqayn doonto React Router sababtoo ah waxay ku tiirsan tahay taariikhda browserka API, kaas oo aan laga heli karin React Router. Tani waxay ka dhigan tahay in React Router uusan ogaan karin marka isticmaaluhu uu gujiyay isku-xiraha oo u dabaqo magaca ClassName si waafaqsan.
