react-router-dom：歷史不會自動重新加載（渲染）頁面

Question

我正在使用 redux、redux-saga 以及其他依賴項，我試圖在登錄后使用 history.push() 重定向頁面，但它不起作用。 所以，為了解決這個問題，我在那之后使用了 window.location.reload () 。

這是我的代碼的一部分：

 export function* signIn({ payload }) { try { const { email, password } = payload; const response = yield call(api.post, 'sessions', { email, password }); const { token, user } = response.data; yield put(signInSuccess(token, user)); history.push('/home'); window.location.reload(); } catch(err) { yield put(signFailure()); } }

還有我的 App.js：

 export default function App() { return ( <Provider store={store}> <PersistGate persistor={persistor}> <Router history={history}> <Routes /> <ToastContainer autoClose={4000}/> </Router> </PersistGate> </Provider> ); }

為什么會發生？ 我讀到這是因為在路由器/歷史的最新版本中，歷史沒有像以前那樣工作，它不會自動重定向，我不知道，我想這就是我所理解的。

有誰知道如何解決這個問題？ 不必每次都使用 window.location.reload()？

對不起我的英語，我來自巴西。

Answer 1

您沒有在signIn傳奇中使用 React Router history ，因此它不會使用路由器重定向。 由於傳奇無法做到這一點，因此您必須將其移動到調用signIn的組件中。

我通常會在signIn中添加一個回調，在調用signIn的組件內部，可以在成功調用后使用history重定向。