小编mas*_*hid的帖子

我目前正在使用react-router-dom v6 开发一个React 项目，我想获取所有查询参数。

http://localhost:3000/users?page=5&pageSize=25

我想同时获取页面和页面大小。我知道我们可以使用下面的代码来获取带有键的参数。

import React from 'react'
import {useSearchParams} from "react-router-dom";

const Users = () => {

  const [searchParams, setSearchParams] = useSearchParams();

  const page = searchParams.get('page')
  const pageSize = searchParams.get('pageSize')


  return (<h1>page: {page}, pageSize: {pageSize}</h1>)
}

但是，然后我尝试通过使用获取所有参数而不指定键，searchparams.getAll()但它不起作用，React 应用程序仅显示一个空白页面。

这是我用来获取所有参数的代码：

import React from 'react'
import {useSearchParams} from "react-router-dom";

const Users = () => {

  const [searchParams, setSearchParams] = useSearchParams();

  const params = searchParams.getAll();

  console.log(params)

  return (<h1>params</h1>)
}

我在那里犯了什么错误吗？

这是我的依赖package.json：

  "dependencies": {
    ...,
    "react": "^17.0.2", …