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

Question

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

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

URL append 输入值：

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 output：

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

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

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

localStorage.setItem('contribution', count); 

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

Answer 1

localStorage.setItem('contribution', 345)

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

localStorage.getItem('contribution');