React-Router NavLink 更改 Material-UI ListItem 上的波纹颜色

Question

我正在尝试将 Material-UI 包装<ListItem button>到 react-router 中<NavLink>。基本上它工作正常，但我注意到<NavLink>Component 改变了<ListItem button>. 如果我以另一种方式包装它（ListItem 中的 NavLink），我将无法设置<ListItem>with样式，classes.linkActive因此这不是一个选项。

这是一个显示问题的最小代码示例：https : //codesandbox.io/s/xrxl90jv04

我一直在浏览这些组件，但我有点新的反应，所以关于如何防止 NavLink 更改颜色或以任何方式告诉 ListItem 再次使用默认/主题调色板的任何想法？

Answer 1

哇，大多数时候，我自己回答我的问题。感谢 Tholle 告诉我创建一个最小的工作示例，我注意到里面的波纹颜色<NavLink>取决于文本颜色（基本上它只是文本装饰下划线的颜色）。所以我只是简单地添加了一个风格color: 'inherit'，<NavLink>它就像一个魅力:)

更新的代码在示例中：https : //codesandbox.io/s/xrxl90jv04