![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
💙💙React前沿探索💙💙
欢迎来到“React前沿探索”专栏!这里专注于分享React技术的最新动态、实战经验和深度解析。无论你是React新手还是资深开发者,都能在这里找到有价值的内容。从基础到进阶,从组件开发到性能优化,我们将全面覆盖React技术的各个方面。紧跟React生态发展,一起探索React的无限可能!
万水千山走遍TML
流落在外的程序员
展开
-
BrowserRouter与HashRouter的区别
BrowserRouter与HashRouter的区别1.底层原理不一样:BrowserRouter使用的是H5的history API,不兼容IE9及以下版本。HashRouter使用的是URL的哈希值。2.path表现形式不一样BrowserRouter的路径中没有#,例如:localhost:3000/demo/testHashRouter的路径包含#,例如:localhost:3000/#/demo/test3.刷新后对路由state参数的影响1、Brows原创 2021-10-19 16:29:17 · 352 阅读 · 0 评论 -
antd按需引入与自定主题
antd的按需引入+自定主题1.安装依赖:yarn add react-app-rewired customize-cra babel-plugin-import less less-loader2.修改package.json将原有启动命令改为下列形式```json "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build",原创 2021-10-19 16:27:42 · 146 阅读 · 0 评论 -
React 三种路由传参
React 三种路由传参1、params传参优势 : 刷新地址栏,参数依然存在缺点:只能传字符串,并且,如果传的值太多的话,url会变得长而丑陋。// 路由页面:<Route path='/home/message/detail/:id/:title' component={Detail}/> //注意要配置 /:id//路由跳转并传递参数: //链接方式: <Link to={`/home/message/detail/${id}/${title}`}&原创 2021-10-19 14:19:11 · 233 阅读 · 0 评论 -
ts通过class类封装axios
ts通过class类封装axios一、axios 安装npm i axios -S二、HttpRequest类封装// 文件 utils/axios.tsimport axios, {AxiosInstance, AxiosRequestConfig} from 'axios'class HttpRequest { private readonly baseUrl: string; constructor() { this.baseUrl = 'http:/原创 2021-04-14 14:57:04 · 1511 阅读 · 0 评论