react+antd组件
outstanding木槿
前端的进阶路: 记录一些实际项目操作中遇到的
展开
-
react-antd设置DatePicker日期控件中文显示
【代码】react-antd设置DatePicker日期控件中文显示。原创 2024-03-28 16:18:18 · 582 阅读 · 1 评论 -
react倒计时功能
react倒计时5 秒React中的倒计时可以通过使用函数来实现。原创 2024-02-28 17:52:06 · 1247 阅读 · 1 评论 -
react封装通用Modal弹窗组件
react封装通用Modal弹窗组件原创 2024-02-19 15:11:16 · 754 阅读 · 2 评论 -
input框不能输入
如果以上两种情况都没问题,还有就是看看文件里有没有监听键盘事件例如:keydown,keyup,keypress等,看看是否阻止了默认事件,比如使用了preventDefault(),这个时候一定要检查清楚,如果使用了jquery,看看有没有return false的代码,因为在jquery中return false,既阻止了冒泡,又消除了默认事件。就是我目前碰到的情况,父组件里套着子组件,子组件是个弹窗,在弹窗里对公告标题输入,发现输入后光标一离开,输入的内容就不显示。原创 2024-01-30 17:13:00 · 1018 阅读 · 0 评论 -
React知识
React是一个开源前端 JavaScript 库,用于构建用户界面,尤其是单页应用程序。它用于处理网页和移动应用程序的视图层。React 是由 Facebook 的软件工程师 Jordan Walke 创建的。在 2011 年 React 应用首次被部署到 Facebook 的信息流中,之后于 2012 年被应用到 Instagram 上。阅读资源React 中文文档JSX 是 ECMAScript 一个类似 XML 的语法扩展。基本上,它只是为。转载 2024-01-09 11:27:24 · 60 阅读 · 0 评论 -
antd-tree树形组件带搜索框的实际应用
项目中用到Tree组件,并且还能进行搜索。原创 2023-12-26 12:22:38 · 1021 阅读 · 0 评论 -
react大文件上传
文件太大分片上传能加快上传速度,提高用户体验能如果上次上传失败或者中途离开的话下一次上传过的就不用重头开始了已经上传过的文件根据HASH查询直接秒传。原创 2023-11-22 16:56:05 · 825 阅读 · 0 评论 -
react-antd-date日期默认英文,改成中文(中英混合)
【代码】react-antd-date日期默认英文,改成中文(中英混合)原创 2023-10-25 14:39:45 · 963 阅读 · 0 评论 -
Table表格加了rowSelection属性,选择框却勾选不了
原因: onChange方法里的 selectedRowKeys, selectedRows(左右) 是不是按照组件antd的写法,别写错位置喽;rowSelection 方法里用的selectedRowKeys,而非selectedRows。原创 2023-10-17 09:43:15 · 1291 阅读 · 0 评论 -
react–antd 实现TreeSelect树形选择组件,实现点开一层调一次接口
效果图: 当选择“否”,开始调接口,不要把点击调接口写在TreeSelect组件上,这样会导致问题出现,没有层级了原创 2023-10-12 18:16:44 · 1007 阅读 · 0 评论 -
react父页面监听子页面
fetchFinance()方法为调接口的方法: 即当子页面修改了数据保存后,父页面刷新table表格。从父页面中打开的子页面,子页面中进行数据修改,保存后,父页面的table表要进行更新。子页面点击关闭按钮时,调用父页面自定义的方法fetchData。如:父页面是table表格页面,原创 2023-10-08 17:25:34 · 229 阅读 · 0 评论 -
好用的React富文本编辑器(Braft Editor)及取色器、表格的应用
富文本编辑器的应用原创 2023-10-08 16:44:02 · 3202 阅读 · 3 评论 -
使用Ant Design UI库实现类似百度网盘
http://vmartaw.com/2020/04/22/使用Ant-Design-UI库实现类似百度网盘/原创 2023-10-08 16:41:13 · 395 阅读 · 0 评论 -
react-antd 文件导入按钮增加一个加载状态
loadingDisabled: flase, // 作用:按钮如果在加 载状态中,没上传完,是不可以再次点击上传的。construction中定义。原创 2023-10-08 16:37:32 · 494 阅读 · 0 评论 -
antd日期:禁止选择当天之前的日期
1、年月日——日期禁止当天之前的,不包括当天的(带有时间的除外)2、年月日——日期禁用当天之前的(包括当天的)原创 2023-08-31 17:00:33 · 224 阅读 · 0 评论 -
antd实现年日输入框联动
1、默认显示年,日期区间默认显示今年2023——2024。2、如果选择了月份,日期区间显示从1月份到12月份。(react 使用class类组件)年份显示前5年后5年。原创 2023-08-31 10:00:30 · 137 阅读 · 0 评论 -
react antd 日期回显问题
比如编辑,查看时 日期的写法(回显)比如新建时,日期 的写法。不用moment会提示报错。原创 2023-08-14 16:34:06 · 214 阅读 · 0 评论 -
Radio单选框应用(react+antd)
1. 声明 palaverChangeTypeList (变更类型)3. 把值存到state里。2. 调取变更类型接口。item.dicNumber指。原创 2023-08-14 16:25:54 · 158 阅读 · 0 评论 -
封装一个公共操作方法
react的基于apollo框架的写法,但封装的方法是其他框架也是用。表格中有一列操作,比如。原创 2023-07-25 16:09:06 · 30 阅读 · 0 评论 -
react 文本截取,css超出用省咯号显示
封装一个方法在src/utils/utils.js文件里。原创 2023-07-25 09:47:11 · 221 阅读 · 0 评论 -
搜索,重置,分页跳转
法二:原创 2023-07-21 17:46:59 · 51 阅读 · 0 评论 -
实现 复选框选择删除操作
删除后selectedRowKeys要置空,不然会出现,明明删了一条数据后,没勾选数据再点击删除,还提示数据删除成功。原创 2023-07-21 16:41:41 · 180 阅读 · 2 评论 -
基于react的antd组件 复选框,表格默认勾选
2.1 调接口成功后,forEach遍历合同台账里的数据,取出每一项存到rowSelect里,还要取出每一项的标识存到rowKey里。2.2 通过reducer定义的setState方法,把rowSelect复制后更新state中定义的selectedRows。2、跳转当前这个页面时,这个页面上的数据是调接口来的。需求: 如合同台账数据,点击按钮打开了当前这个页面,3、勾选几条数据导出pdf就显示几条数据。2.4 点击导出按钮时。选择就导出,一个都没选择 ,不导出。1、初次进入,默认勾选☑️,原创 2023-07-21 16:15:22 · 607 阅读 · 0 评论 -
thead、tbody、tr里数据嵌套,数据合并
5.2 生命周期里控制,当接口传projId review两个值调取成名后,isShow为true,即显示按钮,序号,复选框。5、isShow问题,为了控制当点击按钮导出pdf,下载文档时,按钮不显示,序号不显示,复选框不显示。3、第二块内容,涉及到单元格合并,对象数组里嵌套数组(第一个红色横线是项目合同信息的数据)当不传review时调取接口成功后,isShow为false不显示按钮,序号,复选框。洽商名称,洽商类型,一个单元格里还嵌套,可以手动增加横线。页面的数据有:对象里嵌套数组、数组嵌套数组。原创 2023-07-20 18:56:00 · 280 阅读 · 0 评论 -
react的Modal框(重点在于footer底部按钮的写法)
原创 2023-06-30 10:12:47 · 220 阅读 · 0 评论 -
react 模糊搜索
起初选择框没有任何选项,当你输入内容时,选项里才出现与之匹配的内容。// notFoundContent当下拉列表为空时显示的内容。placeholder="请输入律所名称"// filterOption:让搜索出来的内容显示列表。// 输入框的尾部有个小叉号可以清除输入框的内容 ‘x’// onChange对搜索出来的下拉选项进行选择的。// 是否默认高亮第一个选项,false不。// onSearch搜索方法。// 使下拉选项有搜索的功能。// 控制输入框的长度。原创 2023-05-15 15:16:17 · 523 阅读 · 0 评论 -
reactjs 解决前后输入框中的内容不能重复的问题
参考下面Antd组件中Form (滑到最下面的校验规则里的validator)validator 自定义校验(callback必须被调用)以下代码仅供参考,每个公司都有自己的一套代码框架。newLawyerId 随意定义的一个方法名。"13.修改律师职业证书号""请输入旧律师职业证书号""请输入新律师职业证书号""旧律师职业证书号""新律师职业证书号"原创 2023-05-15 14:09:23 · 200 阅读 · 0 评论 -
React的生命周期
这是个只返回需要渲染内容的纯函数,不要包含其它的业务逻辑,可以返回原⽣的 DOM、React 组件、Fragment、Portals、字符串和数字、Boolean 值 和 null 值等内容。:当组件被卸载或销毁时就会被调⽤,我们可以在这个函数⾥去做一些释放资源的操作,如:清除定时器、取消⽹络请求、清理⽆效的 DOM 元素等。:在组件装载后被调⽤,此时可以获取 DOM 节点并操作,对服务器的请求、订阅等操作都可以写在这个地方,但记得要在。:组件的构造函数,它会最先被执⾏,我们通常在构造函数⾥初始化。原创 2023-05-11 15:30:08 · 662 阅读 · 0 评论 -
对下拉框进行模糊查询:一边输入一边模糊匹配
可点击小叉号清除输入框中的数据,输入框尾部出现这个 ‘x’根据输入项进行筛选,是antd组件内部封装好的,直接拿来用。表示对内嵌内容进行搜索。:让下拉框有输入功能。原创 2023-04-26 15:08:48 · 2632 阅读 · 0 评论