时间戳

首页 > 解决方案 > NavLink 中的 ActiveClassName 需要重新加载页面才能显示

javascript - NavLink 中的 ActiveClassName 需要重新加载页面才能显示

问题描述

我想在激活时为我的菜单添加一些样式。活动样式仅在重新加载页面后显示。


        <Menu.Item className="law" header as={NavLink} exact to="/law" activeClassName="test">  
                </Menu.Item>
        <Menu.Item className="revision" header as={NavLink} exact to="/revisions" activeClassName="test">
               </Menu.Item>
        <Menu.Item className="changes" header as={NavLink} exact to="/changes" activeClassName="test">
               </Menu.Item>
                <Menu.Item className="settings" header as={NavLink} exact to="/settings" activeClassName="test">
             </Menu.Item>

关于如何在不重新加载页面的情况下触发 ActiveClassName 的任何建议？

标签： javascriptreactjssemantic-uisemantic-ui-react

解决方案

我唯一能想到的可能是这里的问题，是 ReactRouterNavLink组件确实喜欢您使用<Menu.Item />的而不是普通<NavLink />组件

推荐阅读