使用javascript将数据从一个页面传递到另一个页面的现代简单方法是什么？

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

function SourcePage() {
  const history = useHistory();

  const handleClick = () => {
    const data = { name: 'John', age: 25 };
    history.push('/target', data);
  };

  return (
    <button onClick={handleClick}>跳转到目标页面</button>
  );
}

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

function TargetPage() {
  const location = useLocation();
  const data = location.state;

  return (
    <div>
      <h1>目标页面</h1>
      <p>姓名：{data.name}</p>
      <p>年龄：{data.age}</p>
    </div>
  );
}