使用history跳轉路由不能跳轉的問題

2021-09-27 01:54:28 字數 699 閱讀 9788

前端小白在學習react的時候,遇到了使用history跳轉路由的問題,查了很多資料,最後找到了解決辦法。

問題描述

對登入頁面的使用者名稱和密碼input值進行驗證,驗證成功後頁面跳轉到主頁面,但是在使用this.props.history.replace()時,發現並不能正常跳轉,而是出現了paused in debugger,但是並沒有詳細提示出了什麼錯,跳轉**如下:

//對表單進行驗證

this.props.form.validatefields(async(err, values) => = values

const result = await reqlogin(user,password)

if(result.data.code === 200)else

}else

});

解決問題的辦法

使用withrouter高階元件

import react from "react";

import from "react-router-dom";

class mycomponent extends react.component

...}export default withrouter(mycomponent);

hash路由和history路由

hash模式 url後面的有乙個 後面的字串,叫hash值,也叫錨點。1 hash 值變化不會導致瀏覽器向伺服器發出請求 2 hash 改變會觸發 hashchange 事件 當hash值變化了,就會觸發事件 3 在 html5 的 history 出現前,基本都是使用 hash 來實現前端路由的 ...

路由使用 路由跳轉 路由傳參

修改src main.js檔案,載入路由 import router from router import store from store store.js 路由跳轉,有兩種方式。this.router.push this.router.push 在元件中可以使用this.rou ter訪 問路由...

關於hash路由和history路由

1.參考文件 hash模式?history模式 window.location.hash和search掐架 2.問題 3.關於兩種路由的組成 hash模式 簡單總結 除去伺服器需要使用的,能使用的僅剩下了hash,hash改變不會重新整理頁面,hash值改變會增加歷史記錄 就是會有頁面的前進後退 號...