代码之家 › 专栏 › 技术社区 › Joesph Stah Lynn

反应窗口的版本。地方替换()?

react-router-dom redirect reactjs

Joesph Stah Lynn · 技术社区 · 2 年前

作为一个例子,我的登录按钮有这样的代码。

var rJson = JSON.parse(request.responseText);
        if (rJson.success) {
          console.log("login success");
          window.location.replace(redirectLink);
          }

虽然效果很好,但我觉得必须有一种方法在react router dom中实现同样的效果,类似于

  <Link to="/fooPage" style={{ textDecoration: "none" }}>
    <Button>
      Foo
    </Button>                
  </Link>

会加载新页面,但不会重新加载整个窗口,使用“我的登录”按钮,我觉得通过react router dom加载页面比重新加载整个窗口更好。我希望这是有道理的。我在react文档中找到的所有内容都与在呈现出来的组件的HTML部分中使用重定向有关,比如,vs使用Windows在代码中重定向用户。地方替换()

1 回复 | 直到 2 年前

Nicolai Christensen 2 年前

import { useNavigate } from 'react-router-dom'    
const navigate = useNavigate()
navigate("/")

回家。

推荐文章

FuzzyTree · 如何为matchPath返回值设置typescript类型

7 年前

Shashank Shekhar · 刷新页面时BrowserRouter显示错误| React-router-v4

7 年前

mcw · 用react路由器嵌套相对路由

7 年前

Gage Hendy Ya Boy · <链接>替换不工作

7 年前

strumpy_strudel · 路由处理ReactJS和react路由器dom v4中特定于用户的唯一生成的URL

7 年前

greW · 直接访问子路径

7 年前

S.V. · 处理组件中通过react路由器传递的参数

7 年前

Aayushi · 返回按钮无法返回

7 年前

Aris · 使用react路由器检测路由更改

7 年前

Leon Gaban · 如何让组件检测到路由更改

7 年前