react获取url参数不区分大小写

在React中，获取URL参数可以使用window.location.search属性来获取查询字符串，然后使用JavaScript的方法来解析它。要实现不区分大小写的参数获取，你可以先将查询字符串转换为小写，然后再进行匹配。

以下是一个示例代码：

import React, { useEffect, useState } from 'react';

const MyComponent = () => {
  const [paramValue, setParamValue] = useState('');

  useEffect(() => {
    // 获取查询字符串
    const queryString = window.location.search.toLowerCase(); // 将查询字符串转为小写

    // 解析查询字符串
    const urlParams = new URLSearchParams(queryString);

    // 获取指定参数（不区分大小写）
    const paramValue = urlParams.get('myparam') || '';

    setParamValue(paramValue);
  }, []);

  return (
    <div>
      <p>Value of 'myparam': {paramValue}</p>
    </div>
  );
}

export default MyComponent;

在上述代码中，我们首先将查询字符串转换为小写，然后使用URLSearchParams对象解析查询字符串。接着，我们使用get方法获取参数值，这里指定的参数名是myparam，你可以根据实际情况替换成你需要的参数名。

请注意，这种方法会将所有参数名和参数值都转换为小写，因此在比较时要保证参数名和参数值的大小写一致。如果你需要在比较时不区分大小写，可以将所有参数名和参数值都转换为大写或小写，以保持一致性。