Yakagadziriswa: activeClassName react router

Dambudziko guru rine chekuita neanoshandaClassName muReact Router nderekuti haingogadzirise kirasi inoshanda kana nzira yachinja. Izvi zvinoreva kuti vanogadzira vanofanira kugadzirisa kirasi inoshanda pese pachinja nzira, inogona kutora nguva uye kukanganisa. Pamusoro pezvo, kana nzira dzakawanda dzakaiswa mukati meimwe neimwe, zvinogona kunetsa kuchengeta nzira yekuti ndeipi nzira iri kushanda uye kuti ndeapi makirasi anofanirwa kushandiswa kune chimwe nechimwe chinhu.

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

1. The chikamu chinoshandiswa kugadzira router muReact iyo inobvumira vashandisi kufamba pakati pemapeji akasiyana.

2. The chikamu chinoshandiswa kugadzira chinongedzo icho kana chadzvanywa, chinoendesa mushandisi kune peji rakatsanangurwa mu "ku" hunhu (munyaya iyi, "/ nezve").

3. The activeClassName attribute inotsanangura kirasi inofanira kushandiswa kana chinongedzo chichishanda (munyaya iyi, "inoshanda").

Chii chinonzi NavLink

NavLink chikamu cheReact chinoshandiswa muReact Router kugadzira chinongedzo chekufamba pakati penzira dzakasiyana mukushandisa. Iyo yakafanana neiyo Link chikamu, asi inowedzera styling maitiro kune yakapihwa chinhu kana ichienderana neyazvino URL. NavLink inopawo inoshandaClassName prop inogona kushandiswa kuisa zita rekirasi kana nzira yekubatanidza ichishanda.

activeClassName hunhu

Iyo activeClassName hunhu muReact Router inoshandiswa kutsanangura zita rekirasi rinozoshandiswa kuchinhu kana ichienderana neiyo URL iripo. Izvi zvinobatsira pakuita zvitayera zvinongedzo kana zvinhu zvekufambisa pazvinoenderana nenzira yazvino. Inogona zvakare kushandiswa kuwedzera mamwe masitaera kuzvinhu zvisina hukama zvakananga negwara, senge kuratidza iyo iripo tebhu iri kushanda mubhawa yekufambisa.

Sei isingashandeClassName isingashande

ActiveClassName chinhu cheReact Router chinokutendera kuti uwedzere kirasi kune inoshanda link mune yekufamba menyu. Nehurombo, hazvishande muReact Router nekuti inovimba nebrowser's history API, iyo isingawanikwe muReact Router. Izvi zvinoreva kuti React Router haigone kuona kana mushandisi adzvanya pane chinongedzo uye shandisa activeClassName saizvozvo.