NodeJS 如何获取用户在React中来自的先前路线

unhi4e5o  于 2022-12-12  发布在  Node.js
关注(0)|答案(2)|浏览(150)

我试图得到的网址上一页我来的React。
那么,如果我来自xxx.com/register,现在在...com/profile上,那么我如何在控制台中记录这一点呢?
我不知道从哪里开始。有人知道怎么做吗?这在react中是可能的吗?我应该用js来代替吗?

um6iljoc

um6iljoc1#

首先,在最后一句中,你会问是否应该使用JS。React是一个JavaScript库,因此你已经在使用JS,你可以在当前版本的JS中做的所有事情,你都可以在React中做。
接下来,您要查找的是“历史记录”组件。
这里有一个非常全面的历史指南:https://reactrouter.com/web/api/history
基本上,您可以从组件内部查看历史记录,它是一个数组。然后,您可以从数组中提取不同的值,甚至可以将新值推送到数组中,例如网站上的不同页面。

bjp0bcyl

bjp0bcyl2#

我们可以使用useHistory()访问上一页

import { useHistory } from "react-router-dom";

//...
const history = useHistory();

//...
    <div onClick={() => { history.push( 'pages/previous-page', { from: "previous-page" }) }>
       Previous Page
    </div>

在下一页,您可以通过此代码进行检查

console.log("Landed on this page from ", history.location.state.from )

相关问题