时间戳

首页 > 解决方案 > 如何存储 URL 参数，以便浏览器在刷新或发送链接到其他浏览器时记住它

javascript - 如何存储 URL 参数，以便浏览器在刷新或发送链接到其他浏览器时记住它

问题描述

我在 url 中附加我输入的值，我希望在共享链接或刷新页面时记住这些值。

目前我正在使用 localStorage，这无助于解决这个问题。

URL 附加输入值：

useEffect(() => {
        const params = new URLSearchParams();
        params.append('contribution', count);
        params.append('employees', employees);
        params.append('savings', savings);

        history.push({ search: params.toString() });
    }, [count, employees, savings, history]);

获取数据表单输入示例：

onChange={(changeEvent) =>
         setCount(changeEvent.target.value)
          }

一切正常，这是 url 输出：

http://localhost:3000/myPage?contribution=0&employees=0&savings=0

数字会根据输入动态变化，尽管当我想与我选择的值共享链接时，它会将其刷新回 0。

正如我提到的，我将值存储在 localStorage 中，但它什么也不做

localStorage.setItem('contribution', count);

如何实现存储在 URL 中的值？

标签： javascriptreactjsurlparametersreact-hooks

解决方案

localStorage.setItem('contribution', 345)

将 345 作为贡献值存储在localStorage. 您可以将值作为

localStorage.getItem('contribution');

推荐阅读