Javascript 单击并显示默认页面后响应重定向到路由器url

我有一个

标题
组件，如：

class Header extends Component {
  render() {
    return (
      <div>
        <h3><Link to="/:one">One</Link></h3>
        <h3><Link to="/:two">Two</Link></h3>
      </div>
    )
  }
}

export default Header

我在这里的意图是像导航栏一样始终显示标题

我有这样的路由器：

const routes =  (
  <Route path="/" component={App}>
        <Route path="/:login" component={Login} />
        <Route path="/:one" component={One} />
        <Route path="/:two" component={Two} />
  </Route>
)
export default routes

const路由=(
)
导出默认路由

在我的
标题中
当我点击
One
或
Two
时，它应该在该页面中重定向

另外，我需要的主要内容是在每个页面中添加
标题
组件。。像navbar

在我的
App.js
中，我只有
标题
组件。当我在浏览器中转到
/
时，默认情况下应显示
Login
页面

我需要向导来完成这项工作

我还没有反应过来

提前谢谢
 1.在您的
App.js
中添加
{this.props.children}
，如下所示：

类应用程序扩展组件{
render（）{
报税表（
{this.props.children}
)
}
}
导出默认应用程序


并更改路由文件

const路由=(
)
导出默认路由

像导航栏一样始终显示标题

2.
简单身份验证示例

我建议您阅读react router文档，因为您似乎不了解
路径
和
到
在做什么<代码>路径
与一个模式匹配，您只需将相同的模式写入3x，并在本应写入普通url时将
的模式写入
。还要澄清：
one
和
two
应该有什么url才能访问它们？登录是否应该只显示用户未登录的情况，以及它们是否是应该呈现的组件等？您能用我的示例详细说明一下吗。。那太好了。。
const routes =  (
  <Route path="/" component={App}>
        <Route path="/:login" component={Login} />
        <Route path="/:one" component={One} />
        <Route path="/:two" component={Two} />
  </Route>
)
export default routes