Kuxazululiwe: irutha esebenzayo yeClassName

Inkinga enkulu ehlobene ne-activeClassName ku-React Router ukuthi ayibuyekezi ngokuzenzakalelayo isigaba esisebenzayo uma umzila ushintsha. Lokhu kusho ukuthi onjiniyela kufanele babuyekeze mathupha ikilasi elisebenzayo noma nini lapho umzila ushintsha, okungadla isikhathi futhi kube namaphutha. Ukwengeza, uma imizila eminingi ibekwe phakathi kwenye, kungase kube nzima ukulandelela ukuthi yimuphi umzila osebenzayo njengamanje nokuthi yiziphi izigaba okufanele zisetshenziswe ku-elementi ngayinye.

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

1. The ingxenye isetshenziselwa ukwakha irutha ku-React evumela abasebenzisi ukuthi bazulazule phakathi kwamakhasi ahlukene.

2. The ingxenye isetshenziselwa ukwakha isixhumanisi okuthi uma ichofozwa, siyise umsebenzisi ekhasini elishiwo kusibaluli esithi “kuya” (kulokhu, “/mayelana”).

3. Isibaluli esisebenzayo seClassName sicacisa ukuthi isiphi isigaba okufanele sisetshenziswe uma isixhumanisi sisebenza (kulokhu, “siyasebenza”).

Yini i-NavLink

I-NavLink iyingxenye ye-React esetshenziswa ku-React Router ukwakha isixhumanisi sokuzulazula phakathi kwemizila ehlukene ohlelweni lokusebenza. Iyafana nengxenye yesixhumanisi, kodwa yengeza izibaluli zesitayela engxenyeni enikeziwe uma ifana ne-URL yamanje. I-NavLink iphinda ihlinzeke nge-activeClassName prop engasetshenziswa ukusebenzisa igama lekilasi lapho umzila wesixhumanisi usebenza.

isibaluli se-activeClassName

Isibaluli se-activeClassName ku-React Router sisetshenziselwa ukucacisa igama lekilasi elizosetshenziswa kusici uma lifana ne-URL yamanje. Lokhu kuyasiza ekwenzeni izixhumanisi zesitayela noma ezintweni zokuzulazula uma zifana nomzila wamanje. Ingase futhi isetshenziselwe ukwengeza isitayela esengeziwe ezintweni ezingahlobene ngokuqondile nomzila, njengokugqamisa ithebhu esebenzayo njengamanje kubha yokuzulazula.

Kungani i-activeClassName ingasebenzi

I-ActiveClassName isici se-React Router esikuvumela ukuthi ungeze iklasi kusixhumanisi esisebenzayo kumenyu yokuzulazula. Ngeshwa, ngeke isebenze ku-React Router ngoba incike ku-API yomlando wesiphequluli, engatholakali ku-React Router. Lokhu kusho ukuthi i-React Router ayikwazi ukubona lapho umsebenzisi echofoze isixhumanisi futhi asebenzise i-activeClassName ngokufanele.

Okuthunyelwe okuhlobene:

Shiya amazwana