在ReactJS中有更好的方法从URL重定向到另一个?

雷纳多勒克曼

如果用户访问“ mysyte.com/app”,我想将他重定向到“ mysyte.com/app/login”,以更改浏览器中的URL。

我已经用下面的代码做到了:

import React    from "react";
import ReactDOM from "react-dom";
import { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom';
import Login from "./login/login"

ReactDOM.render(
    <BrowserRouter>
        <Switch>
            <Route path="/app/login" component={Login}/>
            <Route path="/app" render={ () => <Redirect push to="/app/login" /> } />
        </Switch>
    </BrowserRouter>,
    document.getElementById("app")
)

正如我在React的第一周一样,我想知道是否有更好的方法可以做到这一点。

提前致谢。

法比安·舒尔茨(Fabian Schultz)

您应该可以Redirect像这样直接用作组件:

<Switch>
  <Route path="/app/login" component={Login} />
  <Redirect from="/app" to="/app/login" push />
</Switch>

请查看此文档

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将网站发出的所有JSON请求重定向到另一个URL

重定向到另一个URL的最快方法是什么?

Ajax发布到其他域URL,重定向到另一个URL

HTACCESS:如何将所有URL重定向到仅包含另一个URL的“单词”?

表单提交后无法重定向到另一个页面-ReactJS

Reactjs/Nextjs-如何使用 NextJS 重定向到另一个页面

执行IF条件后如何重定向到ReactJS中的另一个页面?

如何重定向到另一个页面并在reactjs中使用props

如何在ReactJs中重定向到另一个类组件/页面

htaccess将首页以外的所有页面的https重定向到http,将首页的https重定向到另一个url

如何使用 /etc/hosts 将 URL 重定向到另一个 URL

通过 URL 发送值并重定向到另一个 URL

使用.htaccess将特定的URL重定向到另一个URL

Django url 错误(重定向到另一个 url)

重定向到另一个URL时如何传递URL参数?

如何使用.htaccess将动态URL重定向到另一个动态URL?

使用htaccess将包含特定部分的URL重定向到另一个URL

使用.htaccess重定向到另一个URL中的URL

htaccess将动态URL重定向到另一个动态URL

多个参数URL重定向到另一个可爱的URL

.htaccess-将域名后的所有页面重定向到另一个URL

React-Router:如何有条件地将路由重定向到另一个 url?

Next.js-如果用户访问特定的URL,则重定向到另一个页面的最佳方法

如何重定向到另一个网页?

如何重定向到另一个页面

重定向到另一个视图功能

如何重定向到另一个页面?

重定向到另一个 html 文件

React:重定向到另一个页面