![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
沐歌丨丶
这个作者很懒,什么都没留下…
展开
-
ProTable/EditableProTable 无法用formRef.current.setFieldsValue修改table某一行的值
上图可以看到打印出来的key是下标,值为每一行的表格数据,所以可以通过下标(index)或者rowKey也就是绑定的id拿到每一条数据,然后在赋值整个table即可。ProTable的编辑表格(开启editable),无法用formRef.current.setFieldsValue修改某一行的值,坑又来了…需要做个包装,Table外层增加ProForm和ProFormItem,ProTable增加属性name="xx"即可解决。原创 2024-04-28 16:06:37 · 251 阅读 · 0 评论 -
ProTable/EditableProTable修改表单保存后 刷新界面数据不更新
编辑表格保存后,接口拿到最新表格数据,但是界面没有刷新。本以为是加个id给表格就能刷新的,没想到需要重置表单。表格数据变更后需要重置表单 form.resetFields()原创 2024-04-26 17:32:06 · 535 阅读 · 0 评论 -
2024最新 基于ant design pro 6实现多tab页(路由keepalive) 切换tab可刷新页面(可配置非缓存路由) 右键菜单 删除其他/删除左侧菜单/删除右侧菜单/刷新/刷新当前
其实ant pro已经内置了多tabs页面,无需手写 alitajs,点我打开官网基本都是官网上贴的的代码,少量修改即可// 获取路由keepAlive为false的路径的函数if (route?if (route?const flatList: string[] = getNotKeepAlive(routes)//拿到路由keepAlive为false的路径数组//这是默认配置项,代码不贴了//核心代码return ({isKeep,原创 2024-03-28 18:01:49 · 835 阅读 · 0 评论 -
react 实现chatGPT的打印机效果 兼容富文本,附git地址
我的思路是将字符串切割成两个数组,一个是 的标签数组,一个是按字符和标签截取的数组,效果如图:然后遍历chucksList生成新的数组,如下图:然后遍历这个数组,使用定时器插入dom即可:定义图像映射的区域。:定义文档中所有相对链接的基本URL。:插入换行符,强制文本换行。:定义表格列的属性,通常与一起使用。:嵌入外部内容,如多媒体文件或应用程序。:插入水平线,通常用于分隔内容。原创 2023-11-07 10:52:31 · 1164 阅读 · 0 评论 -
ant design DatePicker禁用之前的时间
【代码】ant design DatePicker禁用之前的时间。原创 2023-10-17 17:52:19 · 206 阅读 · 0 评论 -
ant design pro v6如何引入第三方js?如腾讯地图等!
由于ant pro隐藏.html,需要通过他们约定的方式引入即可。原创 2023-10-16 14:11:55 · 669 阅读 · 0 评论 -
ant-design-pro v6 日期组件显示英文的问题解决!
【代码】ant-design-pro v6 日期组件显示英文的问题解决!原创 2023-10-10 09:02:23 · 350 阅读 · 0 评论 -
ant design Form必填校验失败自动滚动到第一条 scrollToFirstError scrollIntoView
老规矩,话不多说,直接上实现方式注意:本帅用的版本 “antd”: “4.16.13”,前提代码如下 const generateUUID = () => { let d = new Date().getTime(); const uuid = 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, (c: any) => { const r = (d + Math.random() * 16) % 16 | 0;原创 2022-05-31 13:52:58 · 4693 阅读 · 0 评论 -
使用coding自动化集成部署vue/react
上一篇有记录到使用jenkins实现自动化部署web项目,这篇讲一下如何使用codin部署1.创建项目首先注册一个coding账号并创建一个项目2.录入凭证通过上图点击左下角的项目设置进入页面,点击左下角开发者选择》凭证管理》录入凭证凭证名称:随便填个root:填写服务器的root密码:填写服务器的密码3.制作仓库这一步的目的是打包后的压缩包自动上传到该目录地址:web 可以写别的,只是个名称,用来指定仓库4.构建计划点击确定后就可以进行相应配置了,也可以从外边进入设置,原创 2022-05-04 21:17:38 · 2353 阅读 · 0 评论 -
umi+Ant Design Mobile+rem搭建移动端H5框架
1.创建项目yarn create @umijs/umi-app2.安装Ant Design Mobileyarn add antd-mobile3.安装postcss-plugin-px2remcnpm i postcss-plugin-px2rem4.配置 /.umirc.ts/* * @Author: muge * @Date: 2021-12-29 10:41:57 * @LastEditors: Please set LastEditors * @LastEditTim原创 2022-03-01 15:14:52 · 5395 阅读 · 3 评论 -
ant design pro v5 Error: Module “xxx“ does not exist in container.报错
解决方案一在/config/config.ts 下注释掉 mfsu: {}, 或者删掉即可解决方案二删除/src/.umi 这个文件夹重启即可原创 2022-01-18 15:39:51 · 2421 阅读 · 1 评论 -
react自定义鼠标右键菜单,跟随鼠标右键位置展示
我的练习项目用的是ant design pro,直接上代码项目demo地址 点我打开import React, { useState, useRef, useEffect } from 'react';import { message } from 'antd';import styles from './index.less';const Index = () => { const [visible, setVisible] = useState<boolean>(fals原创 2022-01-05 10:39:53 · 3346 阅读 · 0 评论 -
umi 项目安装 antd-mobile v5 后报错如何解决
在 umi 项目中引入 antd-mobile 时出现了类似下面这样的报错:These dependencies were not found:原创 2021-12-29 13:39:01 · 4051 阅读 · 0 评论 -
react-dnd 实现拖拽(ant tree)到其他列表
这是我的demo地址 : react_dnd本文将实现一个列表拖拽和一个属性组件拖拽(ant design tree)1.1.使用DndProvider定义一个可以拖拽的范围/* * @Author: muge * @Date: 2021-12-04 16:59:25 * @LastEditors: Please set LastEditors * @LastEditTime: 2021-12-08 14:24:47 */import React, { useState } from .原创 2021-12-08 14:46:48 · 1838 阅读 · 3 评论 -
ant design tree 切换在点开,展开三角图标消失问题解决
前提:当左侧切换重新加载数据的时候,tree已展开的字段 三角图标会消息代码如下: <Tree showIcon onSelect={onSelectTree} loadData={onLoadData} treeData={treeData} />解决如下添加key,每次数据加载回来,刷新key即可刷新tree // tree标识key c.原创 2021-11-11 09:29:15 · 1566 阅读 · 2 评论 -
2024 jspdf html2canvas react typescript封装实现导出PDF功能 支持滚动
【代码】2024 jspdf html2canvas react typescript封装实现导出PDF功能 支持滚动。原创 2021-07-15 14:53:19 · 2560 阅读 · 6 评论