react路由器在从并发事件重新提交后停止路由

我有一个下拉菜单,可以通过 state .
单击 button

下拉列表包含我的应用程序中的链接,但是,当下拉列表被关闭时,路由转换被阻止。

还需要隐藏路由转换的下拉列表 .

1. 请向我解释一下发生了什么事
2. 也请帮我修一下

class App extends React.Component {
  state = {
    isNavShown: false
  }

  showNav = () => this.setState({isNavShown: true})

  hideNav = event => {
    // ... some more logic ...
    // don't hide if autoHide is disabled
    if (autoHide.checked === false) return

    this.setState({isNavShown: false})
  }

  componentDidMount() {
    document.addEventListener('mousedown', this.hideNav)
  }

  // ...
} 

我也试过包装 setState 在里面 setTimeout ,但无济于事。

这是完整的jsfiddle https://jsfiddle.net/nimareq/1kh47uey/