posts - 23,comments - 2,views - 25824

随笔分类 -  react

后台返回文件URL,前端下载文件,即使设置文件名,下载的文件名称并不是自己所设置的问题
摘要:1.背景 项目中遇到这么一个问题,上传文件后,后台返回的是一个URL,前端需要通过点击下载这个文件 2.首次处理 当时一看是下载文件,觉得很简单,无非是通过创建a标签来实现,以下是我当时的代码,用的是antd mobile 点击查看代码 / * // 后台返回的文件信息 { "filename": 阅读全文
posted @ 2024-12-26 17:02 九零菜菜 阅读(116) 评论(0) 推荐(1) 编辑
echarts柱形图给X轴坐标类目添加点击事件
摘要:在项目中遇到这么个需求要在柱形图上的x轴添加点击事件,当点击对应x轴文字的时候要弹出模态框展示子图表 根据echarts的Api给图表实例绑定点击事件 myChartInstance?.on('click', 'xAxis.category', (params) => { if (params.va 阅读全文
posted @ 2023-12-19 14:27 九零菜菜 阅读(1453) 评论(0) 推荐(0) 编辑
使用react-native-drawer,跟着官网配置仍报错,Error: [Reanimated] `valueUnpacker` is not a worklet, js engine: hermes
摘要:在使用react-native-drawer组件时,编译项目报错 试了许多的方法,最后通过在一篇博客中找到解决方法https://blog.csdn.net/lxyoucan/article/details/121851577 因为在使用react-native-drawer时也需要使用react- 阅读全文
posted @ 2023-10-30 12:27 九零菜菜 阅读(142) 评论(0) 推荐(0) 编辑
给react native 添加transform translateY动画报错:Transform with key of "translateY" must be a number:{translateY“:0}
摘要:初学react native,想实现一个相机扫描功能时,报错,报错描述如标题 这是我的主要逻辑代码 const fadeAnim = useRef(new Animated.Value(0)).current; const move = () => { fadeAnim.setValue(0); A 阅读全文
posted @ 2023-10-25 13:30 九零菜菜 阅读(125) 评论(0) 推荐(0) 编辑
css设置backgroud:url(),无效
摘要:react项目中,使用styled-components编写样式,给元素添加背景图不生效。 background直接设置十六进制颜色或者颜色的英文名称都是可行的,但是使用url无作用,那就是url问题了,于是我想换一种思路,能不能把图片import进来,放进url里,避免错误的路径呢,于是 哎嘿,好 阅读全文
posted @ 2023-10-18 12:09 九零菜菜 阅读(139) 评论(0) 推荐(0) 编辑
前端解析excel表格实现
摘要:### 1. 背景:在做react项目时,遇到一个解析excel的需求变更,把从原来后端解析变更为前端解析。 1.1 由于后端解析excel文件有安全隐患,因为项目中后端不允许上传文件,当然后端解析对前端来说是最简单的方式,只需要调用个api。接下来讲讲前端解析方式吧: #### 2.1 安装依赖 阅读全文
posted @ 2023-06-20 11:42 九零菜菜 阅读(427) 评论(0) 推荐(0) 编辑
Assignment to property of function parameter 'XXX' no-param-reassign 记录
摘要:在react项目中写了一个工具方法将两个数组数据进行整合,用了双重for循环,但是在提交代码时报了eslint的no-param-reassign 结果效果是有了,但是报lint错误,图片中已是解决后的代码,主要是因为防止我们这个参数造成属性覆盖,如图我使用的是Object.assign方法将我们的 阅读全文
posted @ 2023-04-06 21:56 九零菜菜 阅读(1395) 评论(0) 推荐(0) 编辑
下载文件,后端返回的是文件流,我们需要请求并下载到本地,发现下载后打开只有个undefined
摘要:在项目里做完上传,做下载的时候,把下载的文件打开,内容却时undefined,而且接口调用成功,但是postman校验接口时下载的文件正常的,那问题又出现在前端了。 我的前端代码如下图 前端代码的话我上图的是有两种方法,如果用注释的那行代码,可以把注释后面的6行代码去掉,但是下载的文件名是有问题的, 阅读全文
posted @ 2022-11-10 18:40 九零菜菜 阅读(2360) 评论(0) 推荐(0) 编辑
react使用插件配置px转换为vw
摘要:react配置px转换为vw 1.下载postcss-px-to-viewport插件 npm install postcss-px-to-viewport --save-dev 2.下载craco (ant design中的) npm install @craco/craco 3.在项目根目录创建 阅读全文
posted @ 2021-05-31 21:08 九零菜菜 阅读(1159) 评论(0) 推荐(0) 编辑
react使用插件配置px转换为rem
摘要:react使用插件postcss-pxtorem配置px自动转换rem 1.下载postcss-pxtorem插件 npm install postcss postcss-pxtorem --save-dev 2.下载craco ,进行webpack的配置(ant design中的),或者在webp 阅读全文
posted @ 2021-05-31 21:05 九零菜菜 阅读(2422) 评论(0) 推荐(0) 编辑

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示