我正在尝试将Material-UI <ListItem button>包装到反应路由器<NavLink>中。基本上可以正常工作，但是我注意到<NavLink>组件会更改<ListItem button>上的波纹颜色。如果我用另一种方式包装它（ListItem中的NavLink），则将无法用<ListItem>来设置classes.linkActive的样式，所以这不是一个选择。
下面是显示问题的最小代码示例：https://codesandbox.io/s/xrxl90jv04
我一直在仔细检查组件，但是我有点反应，因此，关于如何防止NavLink更改颜色的任何构想或告诉ListItem再次使用默认/主题调色板的任何想法？
答案 0 :(得分：2)
哇，就像大多数时候一样，我自己回答问题。多亏Tholle告诉我创建一个最小的工作示例，我注意到<NavLink>内部的波纹颜色取决于文本颜色（基本上，基本上只是文本装饰下划线的颜色）。所以我只是在color: 'inherit'上添加了一种<NavLink>样式，就像一种魅力：）
更新后的代码在示例中：https://codesandbox.io/s/xrxl90jv04