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

时间:2019-05-10 12:02:10

标签: javascript reactjs semantic-ui semantic-ui-react

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


        <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触发器不重新加载页面的任何建议?

1 个答案:

答案 0 :(得分:0)

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