React
pGy。
这个作者很懒,什么都没留下…
展开
-
react+antd table 前端导出excel
react+antd table 前端导出excel在工作当中,经常会遇到前端需要导出excel,在不分页的情况下,可以这样来做。主要是用到了js-export-excel库。antd table表头的处理,可以先把父子表头合并单元格,进行扁平化处理。如下: if (columns.length) { columns.map((o) => { if (o.hasOwnProperty('children')) { // 合并单元格 o.chi原创 2021-12-22 20:55:50 · 2297 阅读 · 2 评论 -
react webpack配置环境变量
lib/env.jsconst { join } = require('path');const ENV = process.env.ENV;const getEnv = () => { const path = join(process.cwd(), `.env.${ENV}`); const dotEnv = require('dotenv'); const result = dotEnv.config({ path, }); const c = {};原创 2022-03-23 15:59:37 · 1381 阅读 · 0 评论 -
react hooks 列表无缝滚动组件效果实现
react hooks 列表无缝滚动效果实现import React, { useEffect, useRef } from 'react';import './scrollList.scss';export default function ScrollList(props) { const scrollBox = useRef(); const common1 = useRef(); const common2 = useRef(); const timer = useRef(n原创 2022-04-13 16:21:28 · 1173 阅读 · 0 评论 -
react braft-editor 结合antd 自定义上传文件
我的需求是,上传word, ppt, excel, 以及图片。感觉解析文件里面的文字回显方式,不太友好。所以改了一下思路:上传的文件先把文件存到文件服务器,再来判断文件如果是图片类型,那就直接显示出来。如果是其他类型的,那就添加一个超链接来显示。超链接点击直接预览或下载文件。(我做的是直接下载文件)。//上传文件路径//上传文件);//初始化富文本内容};} else {原创 2022-11-15 11:38:30 · 810 阅读 · 0 评论 -
使用braft-editor踩坑记录
后续需求有变动,需要添加额外的上传按钮,可以上传图片和office文档, 发现之前简单的复制粘贴图片的方式满足不了新的需求。之后发现braft-editor官网中提到可以结合antd组件来做一系列的操作,所以毋庸置疑的选择了和Upload结合使用方式。allowPasteImage: true, // 是否允许直接粘贴剪贴板图片到编辑器。判断文件是图片还是其他格式,图片就转成IMAGE,其他文件,转成LINK。上传图片开始使用的media属性,能直接粘贴截图,很方便。(可上传图片、文档格式)原创 2022-11-29 16:50:33 · 2576 阅读 · 0 评论 -
react js 把字符串中特定的{}替换成input输入框,并提交全部数据
把{}替换成input输入框,并且以key1,key2为input的id。千山鸟{key1}, 万径人{key2}原创 2023-05-12 15:02:35 · 462 阅读 · 0 评论 -
自定义hook实现数据请求逻辑
自定义hook实现数据请求逻辑原创 2024-04-08 09:52:07 · 430 阅读 · 0 评论