如何使用React Router访问查询参数？

Question

我正在尝试通过访问props.location.query来获取带有react-router的URL查询参数，但是查询未定义。 如何获取它们？

URL示例-http://localhost:3000/home?param1=tomato&param2=potato

Answer 1

//Try this way without any lib.
const query = new URLSearchParams(this.props.location.search); 
const param1 = query.get('param1');
const param2 = query.get('param2');