如何解析 url 在 reactJs 中添加参数

Question

我正在使用 react-router-dom 解析 url，我当前的 URL

localhost:3000/q=sldkfjsdlkjflksfd

但我想要的是在 url &test=1

中添加一个新参数

localhost:3000/q=sldkfjsdlkjflksfd&test=1

const parsed = parse(window.location.search);

Answer 1

您可以使用 HTML Api URLSearchParams,

componentDidMount(){
  let params = new URLSearchParams(this.props.location.search);  
  let q = params.get('q');
  let test = params.get('test');
}

此外，如果 this.props.location 未定义且 export default withRouter(ComponentName);

，则组件中的 import { withRouter } from 'react-router-dom';

how to parse url add params in reactJs