Alter query string param基于react native中的复选框

import React, { useState } from 'react';

const CheckBoxComponent = () => {
  const [isChecked, setIsChecked] = useState(false);

  const handleChange = () => {
    setIsChecked(!isChecked); // 切换选中状态
  };

  return (
    <input
      type="checkbox"
      checked={isChecked}
      onChange={handleChange}
    />
  );
};

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

const queryString = require('query-string');

const handleCheckBoxChange = () => {
  const location = useLocation();
  const history = useHistory();

  // 获取当前的查询字符串参数
  const queryParams = queryString.parse(location.search);

  // 修改对应的查询字符串参数
  queryParams.paramName = isChecked ? 'value1' : 'value2';

  // 构建新的查询字符串
  const newQueryString = queryString.stringify(queryParams);

  // 更新URL
  history.push(`?${newQueryString}`);
};