react怎么在router中配置初始参数

Posted 2023-04-12

参考技术A 1、安装依赖。npm install react-router-dom --save。2、index.js中引入路由模块并实例化路由模块.3、在App.js文件下配置我们的路由初始参数。
路由器（Router）是连接两个或多个网络的硬件设备，在网络间起网关的作用，是读取每一个数据包中的地址然后决定如何传送的专用智能性的网络设备。
路由器具有判断网络地址以及选择IP路径的作用，可以在多个网络环境中，构建灵活的链接系统，通过不同的数据分组以及介质访问方式对各个子网进行链接。路由器在操作中仅接受源站或者其他相关路由器传递的信息，是一种基于网络层的互联设备。
不同网络地址的IP地址是不能直接通信的，即便它们距离非常近，也不能进行通信。

[react-router] React-Router怎么获取URL的参数？

[react-router] React-Router怎么获取URL的参数？

• 通过params
  • 类组件：在保证props能获取到路由信息的前提下（如果不是直接嵌套在<Route/>下，需要使用withRouter的HOC），通过this.props.match.params获取
  • 函数式组件：const params = useParams();
• 通过search,demo如下：

// query传参
this.props.history.push(
    pathname: 'list',
    search: qs.stringify(
        a: 123,
    ),
)
// 取值
import qs from 'qs';
// 类组件中取值
const paramStr = this.props.location.search.slice(1);
qs.parse(paramStr); // a: '123'
// 在函数式组件中取值
const location = useLocation();
const paramStr = location.search.slice(1);
qs.parse(paramStr); // a: '123'

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题