点击浏览导航处理程序eslint错误

Question

我有一个滑动菜单组件。 它包含项目，我想在单击每个项目时隐藏菜单。但是如果我点击 现在我这样做了：

<nav onClick={this.handleClickCloseMenu}>
  <Link
    to="/smth"
    activeClassName="is-active"
  >
    smth
  </Link>
  <Link
    to="/smth2"
    activeClassName="is-active"
  >
    smth2
  </Link>
</nav>
    

现在我遇到了错误：jsx-a11y/no-noninteractive-element-interactions结束jsx-a11y/no-static-element-interactions 我可以将角色按钮设置为nav，但是我想这是错误的方式。你怎么看？

Answer 1

我想了一下，决定使用key生成的react-router参数。在componentDidUpdate中，查看key，如果当前菜单与上一个菜单不同，则隐藏菜单。如果是开放的当然。 streletss感谢您提出想法