Isonjululwe: activeClassName react router

Ingxaki ephambili enxulumene ne-activeClassName kwi-React Router kukuba ayihlaziyi ngokuzenzekelayo iklasi esebenzayo xa indlela itshintsha. Oku kuthetha ukuba abaphuhlisi kufuneka bahlaziye ngesandla iklasi esebenzayo nanini na indlela itshintsha ngayo, enokutya ixesha kunye neempazamo. Ukongeza, ukuba iindlela ezininzi zibekwe ngaphakathi kwenye, kunokuba nzima ukugcina umkhondo wokuba yeyiphi na indlela esebenzayo ngoku kwaye zeziphi iiklasi ekufuneka zisetyenziswe kwinto nganye.

<Router>
  <Link to="/about" activeClassName="active">About</Link>
</Router>

1. The icandelo lisetyenziselwa ukwenza i-router kwi-React evumela abasebenzisi ukuba bahambe phakathi kwamaphepha ahlukeneyo.

2. The icandelo lisetyenziselwa ukwenza ikhonkco xa licofa, liya kuthatha umsebenzisi kwiphepha elichazwe "ku" uphawu (kule meko, "/ malunga").

3. Uphawu lophawu olusebenzayo lweClassName luxela ukuba loluphi udidi ekufuneka lusetyenziswe xa ikhonkco lisebenza (kule meko, "iyasebenza").

Yintoni iNavLink

I-NavLink yinxalenye yeReact esetyenziswa kwiReact Router ukwenza ikhonkco lokukhangela phakathi kweendlela ezahlukeneyo kwisicelo. Iyafana necandelo loQhagamshelwano, kodwa yongeza iimpawu zesimbo kwisici esinikezelweyo xa ihambelana ne-URL yangoku. I-NavLink ikwabonelela ngepropu yeClassName esebenzayo enokusetyenziswa ukufaka igama leklasi xa indlela yekhonkco isebenza.

activeClassName uphawu

Uphawu loyelelwano olusebenzayo lweClassName kwiReact Router isetyenziselwa ukukhankanya igama leklasi eliza kusetyenziswa kwinto xa ihambelana ne-URL yangoku. Oku kuluncedo kwiikhonkco zesimbo okanye izinto zokukhangela xa zihambelana nendlela yangoku. Isenokusetyenziswa ukongeza isitayile esongezelelweyo kwizinto ezingadibaniyo ngokuthe ngqo kumzila, njengokuqaqambisa ithebhu esebenzayo ngoku kwibar yokukhangela.

Kutheni i-activeClassName ingasebenzi

I-ActiveClassName luphawu lwe-React Router ekuvumela ukuba wongeze iklasi kwikhonkco elisebenzayo kwimenyu yokukhangela. Ngelishwa, ayizukusebenza kwiReact Router kuba ixhomekeke kwimbali yesikhangeli API, engafumanekiyo kwiReact Router. Oku kuthetha ukuba iReact Router ayikwazi ukubona xa umsebenzisi ecofa ikhonkco kwaye asebenzise i-activeClassName ngokufanelekileyo.