为了账号安全,请及时绑定邮箱和手机立即绑定

React - 刷新后如何保留页面 url?

React - 刷新后如何保留页面 url?

慕森王 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 (

        <NavLink to={link} style={{ textDecoration: "none" }}>

            <MenuItemComponent

                title="Products"

                icon={IconProducts}

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

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

            />

        </NavLink>)

}


查看完整回答
反对 回复 2022-12-09
  • 1 回答
  • 0 关注
  • 109 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信