获取表单提交的 url 参数 REACT { http://localhost:3000/shop/sidebar/list?cat=&q=black }

如何解决获取表单提交的 url 参数 REACT { http://localhost:3000/shop/sidebar/list?cat=&q=black }

我需要帮助从表单提交中获取 URL 参数

http://localhost:3000/shop/sidebar/list?cat=&q=black

我需要获取 q 的值

我知道路

using onSubmit={ onSubmitHandler}

但我需要一种不同的方式

<form action={`${process.env.PUBLIC_URL}/shop/sidebar/list`} method="GET">



<Route exact
          path={`${process.env.PUBLIC_URL}/shop/sidebar/:grid`}
          component={Sidebar}
   />

当我使用

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

然后做

const query = useParams().grid
console.log(query)

我只看到列表但我需要一个 q 值

解决方法

import React from "react";
import { useLocation} from "react-router-dom";

使用路由器dom做这个

  let query= new URLSearchParams(useLocation().search);
  let value = query.get("q");

或不使用路由器 dom 执行此操作

  let query= new URLSearchParams(window.location.search);
  let value = query.get("q");