react-router-dom链接的问题，在代码的某些部分无法正常工作

Question

“ react-router-dom” v4的链接在代码的某些部分正常工作，但在其他部分（以下代码中提到的i）错误（刷新孔页面，如“ a”标签）。 这是我的代码，“页面”组件是Routes的布局。

...

render() {
        return (
            <Router>
                <div className={"container-fluid"}>
                    <div className="row">
                        <nav id="main-nav" className="navbar navbar-expand-lg fixed-top navbar-dark bg-dark w-100">
       .......
                            <Link to="/home/show-users">
                                show users   **** this work correctly ***
                            </Link>
.......

                        </nav>
                    </div>
                    <div id={"main-content"} className="row" dir={"rtl"}>
                        <Page>
                            {this.props.children}
                        </Page>
                    </div>
                    <div id={"sidebar"} className="row" dir={"rtl"}>
                        <div id={"sidebar-nav"}>
                            <ul>
                             <li>
                                ..
                            </li>
                             </ul>
                        </div>
                        <div id={"sidebar-menu"}>
                           <ul>
                             <li>
                                <Link to="/home/show-users">
                                    show users    **** this work like a tag!***
                                 </Link>
                            </li>
                          </ul>
                        </div>
                    </div>
                </div>


            </Router>

出什么问题了？

我找到了答案！ 我在#sidebar（该链接的父级）上有一个event.stopPropagation（），并且onClick处于活动状态。