当我使用history.push时，如何将状态变量从一个组件转移到另一个组件？

// 在源组件中
const handleClick = () => {
  const stateVariable = "example";
  history.push(`/target?stateVariable=${stateVariable}`);
}

// 在目标组件中
const { search } = useLocation();
const params = new URLSearchParams(search);
const stateVariable = params.get("stateVariable");

// 在源组件中
const handleClick = () => {
  const stateVariable = "example";
  history.push(`/target/${stateVariable}`);
}

// 在目标组件中
const { match } = props;
const stateVariable = match.params.stateVariable;

// 创建Context
const StateContext = React.createContext();

// 在源组件中
const handleClick = () => {
  const stateVariable = "example";
  // 更新Context的值
  setStateVariable(stateVariable);
  history.push("/target");
}

// 在目标组件中
const stateVariable = useContext(StateContext);