如何从当前页面获取参数导航到下一页，并在react中浏览器刷新后将其持久化

import { useParams } from 'react-router-dom';

function CurrentPageComponent() {
  const { id } = useParams();
  // 使用参数值进行其他操作
  // ...
}

import { Link } from 'react-router-dom';

function CurrentPageComponent() {
  const { id } = useParams();

  return (
    <Link to={`/nextpage/${id}`}>下一页</Link>
  );
}

import { useEffect } from 'react';

function CurrentPageComponent() {
  const { id } = useParams();

  useEffect(() => {
    const storedId = localStorage.getItem('id');
    if (storedId) {
      // 使用存储的参数值
      // ...
    } else {
      // 使用从URL获取的参数值
      // ...
      // 存储参数值到本地存储
      localStorage.setItem('id', id);
    }
  }, [id]);

  // ...
}