单击导航处理程序 eslint 错误

Question

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

<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 结束 jsx-a11y/no-static-element-interactions 我可以将角色按钮设置为 nav，但我想这是错误的方式。你觉得呢？

Answer 1

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

单击导航处理程序 eslint 错误

Click through nav handler eslint errors

reactjs

eslint-config-airbnb