首頁(yè) 猿問(wèn) 求大佬指點(diǎn)哈！react-rout...

求大佬指點(diǎn)哈！react-router4怎么在非組件內(nèi)進(jìn)行路由跳轉(zhuǎn)

JavaScript

千萬(wàn)里不及你 2019-08-05 22:51:56

在axios的請(qǐng)求攔截里需要做路由跳轉(zhuǎn)，不在組件內(nèi)部嘗試使用importcreateHistoryfrom'history/createBrowserHistory'createHistory().push('/path')這個(gè)方式，url會(huì)變化，頁(yè)面不會(huì)更新

查看完整描述

2 回答

狐的傳說(shuō)

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超3個(gè)贊

使用connected-react-redux，將store傳入進(jìn)去，直接import{push}from'connected-redux-router'store.dispatch(push('/path'))直接使用使用window.location='/xxx'跳轉(zhuǎn)傳入history在創(chuàng)建Router對(duì)象傳入的history對(duì)象

反對(duì) 回復(fù) 2019-08-05

慕森王

TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個(gè)贊

我也遇到這個(gè)問(wèn)題了，我是這么解決的，在根組件（App.jsx）中將history掛到windows上，這樣在任意地方都能通過(guò)windows獲取history對(duì)象，然后就能正常跳轉(zhuǎn)了。//App.jsxconstructor(props){super(props);this.state={};window.reactHistory=this.props.history;}//任意地方使用window.reactHistory.push("/")