reactjs React：如何访问url的参数

yruzcnhs 于 2023-02-22 发布在 React

关注(0)|答案(2)|浏览(153)

我怎样才能从一个路由得到url参数？我得到了这个代码：

function App() {
  return (
    <div className="App">
      <BrowserRouter>
        <Routes>

          <Route path="/table/:name/" element={<SortingTable/>}></Route>
          <Route path="" exact element={<BasicTable/>}></Route>
        </Routes>
      </BrowserRouter>
    </div>
  );
}

我想从URL中获取name并在SortingTable中使用它：

const SortingTable = ({match}) => {

    let [searchParams, setSearchParams] = useSearchParams();

    const [data, setData] = useState([])
    const [columns, setColumns] = useState([])
    const table = match.params.name //=> undefined

reactjs

来源：https://stackoverflow.com/questions/75522048/react-how-to-access-urls-parameters

2条答案

按热度按时间

ddrv8njm1#

使用React路由器中的useParams

import * as React from 'react';
import { Routes, Route, useParams } from 'react-router-dom';

function ProfilePage() {
  // Get the userId param from the URL.
  let { userId } = useParams();
  // ...
}

赞(0）回复(0）举报 2023-02-22

aelbi1ox2#

您可以使用**useParams**：