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()

查看这些链接:

1. https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams
2. https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/toString