Главни проблем везан за ацтивеЦлассНаме у Реацт Роутер-у је тај што он аутоматски не ажурира активну класу када се рута промени. То значи да програмери морају ручно да ажурирају активну класу сваки пут када се рута промени, што може бити дуготрајно и подложно грешкама. Поред тога, ако је више рута угнежђено једна у другу, може постати тешко пратити која рута је тренутно активна и које класе треба применити на сваки елемент.
<Router> <Link to="/about" activeClassName="active">About</Link> </Router>
КСНУМКС.
КСНУМКС. компонента се користи за креирање везе која ће, када се кликне, одвести корисника на страницу наведену у атрибуту „то“ (у овом случају, „/абоут“).
3. Атрибут ацтивеЦлассНаме специфицира коју класу треба применити када је веза активна (у овом случају, „активна“).
Шта је НавЛинк
НавЛинк је Реацт компонента која се користи у Реацт Роутер-у за креирање навигационе везе између различитих рута у апликацији. Слично је компоненти Линк, али додаје стилске атрибуте приказаном елементу када се подудара са тренутном УРЛ-ом. НавЛинк такође обезбеђује АцтивеЦлассНаме проп који се може користити за примену имена класе када је рута везе активна.
атрибут ацтивеЦлассНаме
Атрибут ацтивеЦлассНаме у Реацт Роутер-у се користи да наведе име класе које ће бити примењено на елемент када се подудара са тренутном УРЛ-ом. Ово је корисно за стилизовање веза или навигационих ставки када се поклапају са тренутном рутом. Такође се може користити за додавање додатног стила елементима који нису директно повезани са рутирањем, као што је истицање тренутно активне картице на траци за навигацију.
Зашто АцтивеЦлассНаме не ради
АцтивеЦлассНаме је карактеристика Реацт Роутера која вам омогућава да додате класу активној вези у менију за навигацију. Нажалост, неће радити у Реацт Роутер-у јер се ослања на АПИ историје прегледача, који није доступан у Реацт Роутер-у. То значи да Реацт Роутер не може да открије када је корисник кликнуо на везу и да примени АцтивеЦлассНаме у складу са тим.
