URLSearchParams 不解析查询字符串

Question

使用 react-router-dom 版本 5.

一些组件，在匹配 <Route />:

时呈现

...

const { search } = useLocation();
const params = new URLSearchParams(search);

  useEffect(() => {
    console.log(search); // "?paramOne=1&paramTwo=2"
    console.log(params); // {}
  }, []);

...

为什么params不显示{ paramOne: "1", paramTwo: "2" }？

Answer 1

您没有按应有的方式使用 URLSearchParams。您正在获取 URLSearchParams 对象，如果您想将其作为字符串获取，您应该记录 params.toString()

查看这些链接：

URLSearchParams 不解析查询字符串

URLSearchParams not parsing query string

reactjs

react-router-dom

urlsearchparams