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

Question

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

        <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的任何建议？

Answer 1

我能想到的唯一问题可能是这里的问题，就是ReactRouter NavLink组件就像你使用<Menu.Item />而不是普通的<NavLink />组件一样