react 路由获取参数
    React路由是构建单页面应用程序时非常重要的一部分。通过React路由，我们可以在不刷新整个页面的情况下，改变应用程序的视图。在某些情况下，我们需要从路由中获取参数来执行相关操作，例如根据参数查询数据等。那么，如何在 React 路由中获取参数呢？
    第一种方法是使用 React Router 提供的 useParams() 钩子。useParams() 钩子接收一个对象，该对象包含从路由中提取的参数。例如，在以下路由中，我们可以获取 id 参数：
    <Route path='/users/:id' component={User} />
    在 User 组件中，我们可以使用 useParams() 钩子获取 id 参数：
    import { useParams } from 'react-router-dom';
    function User() {
    let { id } = useParams();
    return <h1>User ID: {id}</h1>;
    }
    第二种方法是使用 location 对象来获取参数。location 对象包含了当前路由的信息，例如路径、查询参数等。我们可以使用 location.search 属性来获取查询参数。例如，在以下路由中，我们可以获取 name 查询参数：
    <Route path='/users' component={Users} />
    在 Users 组件中，我们可以使用 location.search 属性获取 name 查询参数：
    import { useLocation } from 'react-router-dom';
    function Users() {
reactrouter6路由拦截    let location = useLocation();
    let searchParams = new URLSearchParams(location.search);
    let name = ('name');
    return <h1>{name ? `Hello ${name}!` : 'Hello!'}</h1>;
    }
    通过以上两种方法，我们可以轻松地从 React 路由中获取参数。使用这些参数，我们可以执行各种操作，例如渲染特定的组件、查询数据等。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。