无法返回调用 React Router - Redirect 的原始页面答案

【问题标题】：Not able to go back to original page from where React Router - Redirect was called无法返回调用 React Router - Redirect 的原始页面
【发布时间】：2021-08-26 11:52:00
【问题描述】：

问题：如果使用 react-router 重定向在 PageA 上找不到某些数据，则当前应用正在将用户从 PageA 重定向到 ErrorPage。现在，当用户在 ErrorPage 上并单击浏览器后退按钮时。它不会返回 PageA 这是一个代码示例 ` //PageA - 这个组件在 BrowserRouter 中

import React from 'react'

const PageA = () = {
    const data = null
    return (
        data ? (<PageAComponent />) : (
        <Redirect
                to={{
                        pathname: "/errorPage",
                        state: { referrer: 'PageA' }
                }}
        />
        )
    )
}

//错误页面

import React from 'react'

const ErrorPage = () = {
    return (
        <>.....something is displayed.....</>)
    )
}

【问题讨论】：

标签： reactjs typescript react-router-dom

【解决方案1】：

根据the documentation，需要将Redirect上的push属性设置为true，以防止重定向时替换历史堆栈上的当前条目。

【讨论】：