Question

我是React的新手，我对react路由有疑问。假设我有电子邮件验证页面和注册页面，这是我的路线代码

    <Switch>
        <Route path="/register" component={Register} />
        <Route path="/register/emailverification" component={EmailVerification} />
    </Switch>

我去

localhost / register / emailverification

我希望它呈现电子邮件验证页面，但我不知道为什么其呈现注册页面？

Answer 1

您应该使用：

<Route exact path="/register" component={Register} />
<Route exact path="/register/emailverification" component={EmailVerification} />

如果您只想渲染一个或另一个。

Answer 2

请确保在所有'exact'组件中使用关键字'Route'，否则它将加载作为浏览器URL子集的父路由器和子路由器。另外，最好添加默认路由器，其路径为{'/'

<Route exact path="/register" component={Register} />

如何实现React路由？

2 个答案: