Нажмите через ошибки обработчика Nav обработчик

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 и если текущий отличается от предыдущего, то скрыть меню. Если это открыто, конечно. Стрелец спасибо, что подтолкнули мысль