react获取url参数 忽略参数名大小写

要在 React 中获取 URL 参数并忽略参数名的大小写，你可以使用 JavaScript 的 URLSearchParams 对象来处理 URL 查询参数。这将允许你在参数名上执行不区分大小写的比较。以下是一个示例：

import { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    const url = new URL(window.location.href);
    const params = new URLSearchParams(url.search);

    // Define the parameter name you want to retrieve (case-insensitive)
    const targetParamName = 'YourParamName';

    // Iterate through all parameter names and find the one that matches (case-insensitive)
    for (const paramName of params.keys()) {
      if (paramName.toLowerCase() === targetParamName.toLowerCase()) {
        const paramValue = params.get(paramName);
        console.log(`Value of ${paramName}: ${paramValue}`);
        break; // Assuming you only have one parameter with the same name (ignoring case)
      }
    }
  }, []);

  return <div>Your component content</div>;
}

export default MyComponent;

在上述代码中，我们使用 URLSearchParams 对象遍历了 URL 的查询参数。在遍历时，我们将查询参数的名称和目标参数名进行不区分大小写的比较。一旦找到匹配的参数名，我们可以通过 params.get(paramName) 获取对应的参数值。

请注意，这只是一个示例代码，需要根据你的实际需求进行适当的调整。确保 URL 参数处理是安全和准确的，以避免潜在的安全问题。