单击导航处理程序 eslint 错误答案

【问题标题】：Click through nav handler eslint errors单击导航处理程序 eslint 错误
【发布时间】：2018-09-25 09:56:18
【问题描述】：

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

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

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

【问题讨论】：

当当前url 是/smth 或/smth2 时，您是在说隐藏nav？为此使用路由器
什么意思？处理点击链接并隐藏菜单？
我的意思是你只能在path='/' exact时渲染你nav
但我希望能够在每一页上打开菜单。当您单击项目菜单时，菜单将隐藏。是滑动菜单。
我只想处理每次点击导航并发送隐藏菜单操作（菜单在别处打开）。

标签： reactjs eslint-config-airbnb

【解决方案1】：

我想了想，决定绑定key 参数，它是由react-router 生成的。在componentDidUpdate 中，查看key，如果当前的与前一个不同，则隐藏菜单。如果它是开放的当然。谢谢你提出一个想法

【讨论】：