React / Material UI复杂样式

Question

我有一个与React / Material UI中的样式相关的问题。我认为与Material-UI的TouchRipple有关。

       <div key={indexP}>
        <Link className={classes.link} to={parent.link}>
          <ListItem button  selected={this.state.treeParentOpen[indexP] === true}  onClick={this.handleClick(indexP)}>
            <ListItemIcon>
              <ParentIcon />
            </ListItemIcon>
            <ListItemText primary={parent.title} />
          </ListItem>
        </Link>
        <Divider />
      </div>

我在Drawer组件中有上面的代码（这是一个小示例，仅作为示例），用于侧边栏菜单。 我遇到的问题与ListItem和Link组件的样式交互有关。

如果我将Link从代码中删除，我的行为是正常的ListItem波纹行为（onclick和offclick），则所有内容都很漂亮，并带有灰色阴影。

当我在代码中按原样使用Link时，ListItem的波纹行为会发生变化，并且onClick为蓝色，offClick为紫色。我该如何解决与ListItem中使用的buttonBase相关联的波纹效果的样式。

谢谢！