已解決430363個問題，去搜搜看，總會有你想問的

React - 刷新后如何保留頁面 url？

首頁猿問 React - 刷新后如何保留頁面...

React - 刷新后如何保留頁面 url？

JavaScript

慕森王 2022-12-09 15:03:53

在我的 React 應用程序中，我已根據單擊的頁面名稱將相應的頁面名稱存儲在本地存儲中，即對于一條路線來說，每當我單擊 Products 頁面時，我都會將http://localhost:3000/Products名稱Products存儲在本地存儲中。我希望每當我有一個頁面刷新時，而不是被重定向到主頁/，我的頁面通過確認我的本地存儲中的值而保留在我所在的頁面上。我的方法行不通。<NavLink to="/localStorage.getItem("selectedItem")" style={{ textDecoration: "none" }}> <MenuItemComponent title="Products" icon={IconProducts} onClick={() => this.onItemClicked("Products")} active={localStorage.getItem("selectedItem") === "Products"} /></NavLink>從上面的代碼中，我希望頁面將我引導到，http://localhost:3000/Products因為localStorage.getItem("selectedItem")的值是Products

查看完整描述

1 回答

www說

TA貢獻1775條經驗獲得超8個贊

您需要從 LocalStorage 獲取值，但您使用的是純字符串。應該是這樣的：

const AppNaVLink = () => {

const link = `/${localStorage.getItem("selectedItem") ?? ''}`

return (

<MenuItemComponent

title="Products"

icon={IconProducts}

onClick={() => this.onItemClicked("Products")}

active={localStorage.getItem("selectedItem") === "Products"}

</NavLink>)

}

反對回復 2022-12-09

1 回答
0 關注
174 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

React - 刷新后如何保留頁面 url？

React - 刷新后如何保留頁面 url？

1 回答

添加回答

React - 刷新后如何保留頁面 url？

React - 刷新后如何保留頁面 url？