React路由器v4内部页面（javascript）

试着这样做

<Route path="/oa/work" component={Work}>
<Route path="/oa/work/addwork" component={AddWork}/>
</Route>

我的链接

添加新作业

单击“我不移动到添加工作”页面时，只需停留在“工作”页面上，并使用链接更改来确保匹配完整的位置路径

<Route exact path="/oa/work" component={Work}>
<Route exact path="/oa/work/addwork" component={AddWork}/>

您的路由器应如下所示：

   <Router>
        <div>
            <ul>
                <li>
                    <Link to="/oa/work">Work</Link>
                </li>
                <li>
                    <Link to="/oa/work/addwork">Add Work</Link>
                </li>
            </ul>
            <hr />
            <Route exact path="/oa/work" component={Work} />
            <Route exact path="/oa/work/addwork" component={AddWork} />    
        </div>
    </Router>

工作


添加工作

这里没有什么问题。这就是组件（react-router-v4）的工作方式。 在您的代码中，您没有将

精确设置为
：

<Route path="/oa/work" component={Work}>
<Route path="/oa/work/addwork" component={AddWork}/>

如果位置完全匹配，它将返回组件。在您的情况下，位置是
/oa/work/addwork
，它将返回
addwork

<Route exact path="/oa/work" component={Work}>
<Route exact path="/oa/work/addwork" component={AddWork}/>