02 2023 档案

摘要:支持表单受控和非受控使用,基于antd upload 进行的二次封装, 使用场景如下图: 1.组件文件夹 2. index.tsx贴代码 import React, { useEffect, useMemo, useState } from 'react'; import { ImageFilesW 阅读全文
posted @ 2023-02-27 14:48 行走的蒲公英 阅读(827) 评论(0) 推荐(0) 编辑
摘要:记录一下: 根据后台接口返回的文件流,前端实现导出下载,使用(react+ts) 1.请求方法 (这里写法绕开拦截器) // 导出日志 export async function exportLog(data: ILogparams) { const url = getRequestUrl(API. 阅读全文
posted @ 2023-02-20 09:56 行走的蒲公英 阅读(495) 评论(0) 推荐(0) 编辑
摘要:一、什么是Webpack? 一个基于node.js的前端模块化/预处理/扁平化处理器。 二、为什么要使用Webpack? 解决业务代码中的各种依赖,模块加载,静态文件引入问题(重复依赖/强依赖,阻塞加载,资源整合) 使浏览器支持众多样式预处理器(sass, less, stylus) 使浏览器支持众 阅读全文
posted @ 2023-02-03 14:08 行走的蒲公英 阅读(136) 评论(0) 推荐(0) 编辑
摘要:关于文件下载: 1. 贴一下现在项目现有写法: 2. 改进后写法(推荐使用): import { saveAs } from 'file-saver'; saveAs(url,fileName) 3. 其他 (1)同域 <a download=”xxx.xlsx” href="/xxx.xlsx"> 阅读全文
posted @ 2023-02-02 14:49 行走的蒲公英 阅读(454) 评论(0) 推荐(0) 编辑
摘要:一、key的作用: 1. 主要是对DOM渲染的性能优化,用来减少没必要的diff算法对比。当列表顺序发生改变时,如果不加key,不管数据是否发生改变,所有列表元素都会重新渲染,当列表元素没有发生改变时,值是在末尾产生新的元素,此时key的值加不加都是可以的,React只会渲染最后一个元素。如图: 假 阅读全文
posted @ 2023-02-02 11:26 行走的蒲公英 阅读(626) 评论(0) 推荐(0) 编辑
摘要:问题1.多次触发请求,且存在潜在的竞态问题 const [page, setPage] = useState(1); const [keyword, setKeyword] = useState(''); useEffect(() => { // do request }, [page, keywo 阅读全文
posted @ 2023-02-02 11:06 行走的蒲公英 阅读(68) 评论(0) 推荐(0) 编辑

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