Reactjs 单击后如何保持物料界面按钮处于活动状态?

Reactjs 单击后如何保持物料界面按钮处于活动状态?,reactjs,material-ui,jss,Reactjs,Material Ui,Jss,我创建了一个顶部导航栏来定义页面中将显示哪些内容。我使用的是材质IU按钮。我想在点击按钮后保持其活动状态,以突出显示当前页面内容链接到先前点击的按钮。有可能吗?您可以使用“NavLink”设置activeClassName。另一种方法是,您必须根据窗口URL管理活动类。谢谢,这是可行的,但我必须使用activeStyle而不是activeClassName,并内联声明样式。你知道为什么吗?我想使用activeClassName将我的样式放入样式对象中,这样它就可以重用。。。我使用的是一个按钮组件

我创建了一个顶部导航栏来定义页面中将显示哪些内容。我使用的是材质IU按钮。我想在点击按钮后保持其活动状态,以突出显示当前页面内容链接到先前点击的按钮。有可能吗?

您可以使用“NavLink”设置
activeClassName
。另一种方法是,您必须根据窗口URL管理活动类。

谢谢,这是可行的,但我必须使用activeStyle而不是activeClassName,并内联声明样式。你知道为什么吗?我想使用activeClassName将我的样式放入样式对象中,这样它就可以重用。。。我使用的是一个按钮组件,我认为主题覆盖了它,如下所示