02 2024 档案

摘要:react错误: Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. 信铁寒胜: 更改页面数据时未放到useEffect方法内,导致页面一直在刷新。 阅读全文
posted @ 2024-02-27 10:48 信铁寒胜 阅读(374) 评论(0) 推荐(0) 编辑
摘要:antd proTable 默认展开所有层 expandable={{ defaultExpandAllRows: true }} import React from 'react'; import { ProTable } from '@ant-design/pro-table'; const c 阅读全文
posted @ 2024-02-27 09:45 信铁寒胜 阅读(252) 评论(0) 推荐(0) 编辑
摘要:要在 Ant Design Pro 中的 ProTable 组件中默认展开第一层和第二层,您可以使用 expandable 的 defaultExpandAllRows 选项结合 expandedRowKeys 来实现。以下是一个示例代 码,演示如何在 Ant Design Pro 中的 ProTa 阅读全文
posted @ 2024-02-27 09:44 信铁寒胜 阅读(176) 评论(0) 推荐(0) 编辑
摘要:1、需求: 实现点击展开图标获取后台数据,将其渲染到表格中,没有分页; 效果图如下: 具体实现 这里有两个问题我做起来比较费劲,花了大半个下午的时间才找到解决问题的方法,一个就是点击展开图标的方法是哪个(expandable 属性下的onExpand()),另一个就是找到点击展开图标调后台数据之后, 阅读全文
posted @ 2024-02-27 08:17 信铁寒胜 阅读(431) 评论(1) 推荐(1) 编辑
摘要:信铁寒胜:它里面这个迭代的思想还是比较有用的。 要在 ProTable 树形结构中实现移除选中行的功能,你需要做以下几步: 在 ProTable 的父组件中定义数据源 data 和一个函数用于移除行。 在 ProTable 组件中传入数据源和定义一个列,其中包含一个操作列,可以在该列中添加一个移除按 阅读全文
posted @ 2024-02-22 09:53 信铁寒胜 阅读(84) 评论(0) 推荐(0) 编辑
摘要:1、目的:要将 ProTable 组件的列设置缓存到 localStorage 中,你可以使用浏览器的 localStorage API。通过监听 onColumnsStateChange 事件,你可以在每次列的显示和隐藏状态发生变化时,将最新的列设置保存到 localStorage 中。然后,在组 阅读全文
posted @ 2024-02-21 15:02 信铁寒胜 阅读(619) 评论(0) 推荐(0) 编辑
摘要:...)展开运算符又叫剩余运算符。 例子: const item = {age:123} const newItem = { ...item, ['age']: 456 } console.log("newItem = " + newItem.age) 阅读全文
posted @ 2024-02-19 15:28 信铁寒胜 阅读(17) 评论(0) 推荐(0) 编辑
摘要:要实现在Ant Design的Table组件中双击单元格修改内容,你可以通过以下步骤来实现: 创建一个 React 组件,并引入所需的依赖: npm install antd 编写示例代码: import React, { useState } from 'react'; import { Tabl 阅读全文
posted @ 2024-02-19 14:12 信铁寒胜 阅读(350) 评论(0) 推荐(0) 编辑
摘要:<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <style> table{ border-collapse:collapse; border-spacing:0; margin-ri 阅读全文
posted @ 2024-02-07 17:02 信铁寒胜 阅读(19) 评论(0) 推荐(0) 编辑
摘要:EditableProTable 是 Ant Design Pro 中的一个可编辑表格组件,可以方便地实现表格数据的编辑和更新。下面是一个简单的示例,演示如何在 React 中使用 EditableProTable 组件: 首先,确保你已经安装了 Ant Design Pro 相关的依赖包。然后,可 阅读全文
posted @ 2024-02-07 15:01 信铁寒胜 阅读(328) 评论(0) 推荐(0) 编辑
摘要:当需要在 React 组件中引用异步函数获取的数据时,可以使用 useState 钩子来存储数据,并在组件渲染时进行处理。下面是一个示例,展示了如何在 React 中引用异步函数的数据并进行渲染: import React, { useState, useEffect } from 'react'; 阅读全文
posted @ 2024-02-07 09:27 信铁寒胜 阅读(286) 评论(0) 推荐(0) 编辑
摘要:ProComponents 的 ProTable 组件是基于 React 和 TypeScript 开发的,但也可以在 JavaScript 项目中使用。以下是一个使用 JavaScript 的 ProTable 示例: import { useState, useRef } from 'react 阅读全文
posted @ 2024-02-06 11:20 信铁寒胜 阅读(76) 评论(0) 推荐(0) 编辑
摘要:在 React Antd Table 组件中,可以通过设置 selectedRowKeys 属性来控制已经被选中的 行。要清空所有选中的行,只需将该属性值设为空数组即可。 示例代码如下: import { useState } from 'react'; import { Table } from 阅读全文
posted @ 2024-02-05 16:07 信铁寒胜 阅读(749) 评论(0) 推荐(0) 编辑
摘要:在idea打包普通项目(含依赖) 准备一个Mian主方法和数学工具类用来测试,还有一个演示用的依赖jar包 第一步 选择file下的project structure 第二步 选择具有依赖的打包方式 第三步 选择要打包的模块和主函数 第四步 添加项目依赖的jar包 最后点击apply 第五步 打包测 阅读全文
posted @ 2024-02-04 08:47 信铁寒胜 阅读(204) 评论(0) 推荐(0) 编辑
摘要:在React Antd中,如果您改变了Table组件的数据源(dataSource),Table会自动重新渲染以反映新的数据。因此,只要您在状态或props中正确更新数据源,Table就会自动更新。 以下是一个示例代码片段,展示如何使用React状态(state)和按钮来更改数据源并更新Table组 阅读全文
posted @ 2024-02-03 09:45 信铁寒胜 阅读(1461) 评论(0) 推荐(0) 编辑
摘要:1、去除多余的import 快捷键 Ctrl + Alt + O 阅读全文
posted @ 2024-02-02 16:17 信铁寒胜 阅读(63) 评论(0) 推荐(0) 编辑
摘要:在React中使用Ant Design(antd)组件,可以通过不同的方式获取组件的值,具体取决于所使用的Ant Design组件和其相关的API。 一般来说,大部分Ant Design组件都有value属性或onChange事件,可用于获取或监听组件的值。以下是几个常见的Ant Design组件的 阅读全文
posted @ 2024-02-02 10:42 信铁寒胜 阅读(381) 评论(0) 推荐(0) 编辑

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