![](https://img-blog.csdnimg.cn/2021082610342355.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
React
文章平均质量分 65
React
小火车况且况且
这个作者很懒,什么都没留下…
展开
-
JS读取本地CSV文件数据
文件中的部分数据如图需求是需要提取出文件的数据使用到的模块是 Papa Parse的基本使用可以参考官方demo首先需要注意, 解析本地文件, 需要的文件格式是从中获得的对象, 不能直接使用导入文件以下方法直接导入是不可行的2.1 使用文件上传的形式这里使用的上传组件因为使用的是本地直接导入, 所以数据的结果需要在函数中接受文件格式和数据的结果如下2.2 创建请求, 相当于已经将数据获取, 通过整理需要注意的结果如下,也就是说相当于已经将数据获取XMLHttpRequest.ov原创 2022-12-03 16:02:12 · 6266 阅读 · 1 评论 -
React-Hooks中父组件获取子组件的属性
React 通过useRef获取子组件属性原创 2022-07-25 11:19:06 · 1908 阅读 · 0 评论 -
React使用MobX作为全局状态管理
`React`使用`MobX`作为全局状态管理原创 2022-07-19 16:22:07 · 966 阅读 · 0 评论 -
React中动态路由的匹配问题
React中动态路由的匹配问题参考文章问题预览如果直接使用path='/:id'的形式,会出现路由匹配的问题<Route path='/article/:id' exact component={Article}></Route>正常的路由地址目前出错的问题是,当path='/article/list'的时候,并且该路由的顺序在path='/article/:id'下面,会出现匹配失败<Route path='/article/:id' exact compo原创 2021-11-03 14:04:34 · 666 阅读 · 0 评论 -
React路由跳转的几种方式
React路由跳转的几种方式注意: 这里使用的react-router-dom是版本5以上,路由形式是history模式react-router-dom文档地址,其中依赖包history的github地址1. params形式,路由跳转后,参数会显示在地址栏跳转的方法是使用history.push({pathname: '/personal', search: 'test=22222'}),其中search键对应的值就是拼接在地址栏的数据import React from 'react'imp原创 2021-10-13 19:13:14 · 27223 阅读 · 0 评论 -
React在使用TS+react-router-dom中的withRouter方法报错问题
React在使用TS+react-router-dom中的withRouter方法报错问题解决文章地址问题描述类型“FC<ISideBar>”的参数不能赋给类型“ComponentType<RouteComponentProps<any, StaticContext, unknown>>”的参数。 不能将类型“FunctionComponent<ISideBar>”分配给类型“FunctionComponent<RouteComponentP原创 2021-09-13 16:05:47 · 2072 阅读 · 0 评论 -
React中使用iconfont的svg图标
React中使用iconfont的svg图标1. 选择iconfont字体图标,并且导入到项目中选择symbol类型点击或者复制地址,页面进行跳转,复制页面中的代码项目中新建一个文件,用来存放复制的代码之后在项目的入口文件index.jsx导入// 引入 svg 的字体图标import "@/assets/styles/iconfont-svg"...原创 2021-09-08 21:29:14 · 1160 阅读 · 2 评论 -
React 中使用scss
首先导入node-sass npm i node-sass -D编写样式文件header.scss, header.module.scss 两个样式文件一样,只是文件名不同.header-box { display: flex; div { font-size: 60px; }}React 中使用scss导入样式文件import './styles/header.scss'import React from 'react'import from .原创 2020-08-08 23:12:59 · 10437 阅读 · 1 评论 -
React使用react-app-rewired和customize-cra修改webpack的基本配置
React 使用@操作符代表src目录主要是用的插件react-app-rewired customize-cra安装npm i react-app-rewired customize-cra -D首先先在package.json中配置 把react-scripts替换成为react-app-rewired"scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "原创 2020-05-26 14:09:19 · 2364 阅读 · 0 评论 -
React 中导入的AntD 自动按需引入 引入 scss
React 中导入的AntD 自动按需引入这里主要使用的是react-app-rewired和customize-cra因为react-app-rewired中2.0之后的版本将injectBabelPlugin方法删除了,因此需要借助于customize-crababel-plugin-import插件就是用来按需导入相应的css文件安装npm i antdnpm i customize-cra react-app-rewired babel-plugin-import -D配置 reac原创 2020-05-26 13:39:24 · 1390 阅读 · 0 评论 -
React 父子组件传值
React 父子组件传值Hook 父子组件传参原创 2020-05-25 13:17:54 · 377 阅读 · 0 评论 -
React 的学习
React 的学习来源于 https://jspang.com/posts/2019/05/04/new-react-base.html#%E8%A7%86%E9%A2%91%E5%88%97%E8%A1%A8 整理1. React 脚手架1.1 下载脚手架(在终端中进行)cnpm i -g create-react-app 进行全局的安装1.2 创建项目F: 进...原创 2019-09-18 17:30:11 · 119 阅读 · 0 评论