我试图得到的网址上一页我来的React。那么,如果我来自xxx.com/register,现在在...com/profile上,那么我如何在控制台中记录这一点呢?我不知道从哪里开始。有人知道怎么做吗?这在react中是可能的吗?我应该用js来代替吗?
xxx.com/register
...com/profile
react
js
um6iljoc1#
首先,在最后一句中,你会问是否应该使用JS。React是一个JavaScript库,因此你已经在使用JS,你可以在当前版本的JS中做的所有事情,你都可以在React中做。接下来,您要查找的是“历史记录”组件。这里有一个非常全面的历史指南:https://reactrouter.com/web/api/history。基本上,您可以从组件内部查看历史记录,它是一个数组。然后,您可以从数组中提取不同的值,甚至可以将新值推送到数组中,例如网站上的不同页面。
bjp0bcyl2#
我们可以使用useHistory()访问上一页
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 )
2条答案
按热度按时间um6iljoc1#
首先,在最后一句中,你会问是否应该使用JS。React是一个JavaScript库,因此你已经在使用JS,你可以在当前版本的JS中做的所有事情,你都可以在React中做。
接下来,您要查找的是“历史记录”组件。
这里有一个非常全面的历史指南:https://reactrouter.com/web/api/history。
基本上,您可以从组件内部查看历史记录,它是一个数组。然后,您可以从数组中提取不同的值,甚至可以将新值推送到数组中,例如网站上的不同页面。
bjp0bcyl2#
我们可以使用
useHistory()
访问上一页在下一页,您可以通过此代码进行检查