如何使用反应功能组件和反应路由器将先前的路线存储在本地存储中

如何解决如何使用反应功能组件和反应路由器将先前的路线存储在本地存储中

我正在我的 React Web 应用中实现一个分享帖子。我正在使用 react-share 库。我使用 const shareUrl = window.location.href;

传递当前 URL

但是用户尝试使用我共享的 URL 查看帖子。他被要求先登录。 ..这是因为我写了Axios拦截器。

 axiosRequest.interceptors.response.use(
      (response) =>
     new Promise((resolve,reject) => {
  resolve(response);
}),(error) => {
if (!error.response) {
  return new Promise((resolve,reject) => {
    reject(error);
  });
}

if (error.response.status === 401) {
  sessionStorage.removeItem("token");

  window.location = "/";
} else {
  return new Promise((resolve,reject) => {
    reject(error);
      });
          }
      }
  );

但是当用户成功登录后，他会重定向到提要页面，因为

   dispatch(login(dataToSubmit))
      .then((response) => {
        window.sessionStorage.setItem("token",response.payload.token);
        window.location.replace("/Feeds");
        // setData({...Data,email:values.email,password:values.password,otp:response.data.result.otp})
      })

如何将用户引导至他在登录前尝试访问的 URL。我研究过可以将之前的路由存储在本地存储中，但如何在 React 功能组件中实现它？