使用react-router-dom，您将无法直接访问浏览器的历史对象（即历史堆栈），但您不一定需要这样做，因为您可以使用路由状态来发送“ meta”数据沿着关于用户从何处导航的路由转换。
Link to: object
对于示例路由：<Route path="/detail">....</Route>您可以有多个指向页面的链接，每个链接提供唯一的状态。
示例链接：

<Link
  to={{
    pathname: '/details',
    state: {
      from: 'board',
    }
  }}
>
  to details from board
</Link>

或

<Link
  to={{
    pathname: '/details',
    state: {
      from: 'profile',
    }
  }}
>
  to details from profile
</Link>

或用于命令式导航

history.push({
  pathname: '/details',
  state: {
    from: 'profile',
  }
});

路由状态放置在location对象上，访问Details组件中的路由状态，并相应地发出后续导航。

const targets = {
  board: "/board",
  profile: "/userlist",
};
...
const { state: { from } } = useLocation();
const target = targets[from] ?? "/board";
...
<Link to={target}>
  click go to the list
</Link>

或用于命令式导航

history.push(target)

历史/ useHistory在React路由器v6中不再可用。您可以使用useNavigate和位置状态属性来确定从何处导航到当前位置。如here中所述。
告诉下一个页面用户来自哪里，并对用户界面进行分支。这里最流行的实现是，如果用户在网格视图中点击了某个项目，则以模态显示记录，但如果用户直接显示到URL，则以其自己的布局显示记录（pinterest，旧的instagram）。
您可以通过两种方式设置位置状态：在链接组件上或导航：

<Link to="/pins/123" state={{ fromDashboard: true }} />;
let navigate = useNavigate();
navigate("/users/123", { state: partialUser });

在下一页中，您可以使用useLocation访问它：

let location = useLocation();
location.state;

浏览器后退操作可以使用执行

let navigate = useNavigate();
...
navigate(-1)

在我们的导航中，我们传递历史记录（代码块1）。在基于函数的组件中，我们将拥有完整的历史记录堆栈（代码块2）。请参考URL了解更多详细信息。
网址：https://v5.reactrouter.com/web/api/history

代码块1

<Navbar.Collapse id='basic-navbar-nav'>
    <Route render={({ history }) => <SearchBox history={history} />} />
    <Nav className='ml-auto'>
        <LinkContainer to='/cart'>
            <Nav.Link>
                <i className='fas fa-shopping-cart'></i> Cart
            </Nav.Link>
        </LinkContainer>
    </Nav>
</Navbar.Collapse>

代码块2

const SearchBox = ({ history }) => {
    const [keyword, setKeyword] = useState('')
  
    const submitHandler = (e) => {
      e.preventDefault()
      if (keyword.trim()) {
        history.push(`/search/${keyword}`)
      } else {
        history.push('/')
      }
    }
};