- 博客(52)
- 收藏
- 关注
原创 用表头设置控制表格内列的排序和显示隐藏
<Switchchecked={getIsShowForColumn(record.key)} // 使用getIsShowForColumn函数获取当前列的is_show状态/>
2024-06-12 20:14:22 304
原创 react 表格实现拖拽功能
项目背景 : react + ant单纯实现拖拽确实不难 , 我的需求是根据后台接口返回 , 生成对应的父子表格 , 并只可以拖拽子的位置 , 如图后台返回的数据结构 (pid为0说明是父 , 子的pid等于父的id , 说明是父的子)1 , 我先转成了树形结构且自己加上了key (注意 : key一定得是唯一的 , 否则会出现第一列数据拖拽不动 , 其他列数据可以拖拽的bug)2 , 生成对应的父子表格 , 父要有对应的子 , 如图3 ,更改onDragEnd的逻辑 , 实现效果首先用.fi
2024-05-30 19:54:58 591
原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘responsive‘)
问题解析 : 是表格中的数据有问题 , 给表格传递dataSource或者columns的时候信息有误。问题报错 : 页面全白 , 报错如下。
2024-05-30 10:36:36 226
原创 react ant 表格实现 拖拽排序和多选
3 多选功能ant官网也只提供了rowSelection方法 , 而rowSelection的位置总是在表格最左边 , 我需要让拖拽icon在最左边 , 多选功能在icon右边 , 目前问题如下 代码分为俩部分 , 一部分是父页面 , ( 父页面代码太多只显示了功能代码 ) 另一部分是封装的表格组件 ( 全部代码如下 )
2024-05-28 11:28:54 797 1
原创 react 下拉框内容回显
/可以拿到faqType为0 但是却没有回显出下拉框的内容 我需要faqType为0 回显出下拉框内容为对应的label<Form}}<Form.Itemlabel='问题类型'rules={[{ required: true, message: '请输入问题类型' }]}<Select}}allowClearshowSearchplaceholder='请输入问题类型'options={[{ value: 0, label: '如何使用' },
2024-05-20 18:29:30 342
原创 react 联级选择器插入数据 实现最终渲染和提交
value: '设备问题',label: '设备问题',},value: '其他问题',label: '其他问题',])const [options1, setOptions1] = useState([]) // 存储res1const [options2, setOptions2] = useState([]) // 存储res2// 根据res1和res2的变化实时更新// 假设您在某个时机获取了res1和res2数据options,'设备问题',options1。
2024-05-16 18:50:07 315
原创 react 基于qrcode.react生成颜色不同 , 样式不同的二维码
【代码】react 基于qrcode.react生成颜色不同 , 样式不同的二维码。
2024-04-29 11:37:55 696 2
原创 一直弹出 Warning: Maximum update depth exceeded. This can happen when a component calls setState inside
【代码】一直弹出 Warning: Maximum update depth exceeded. This can happen when a component calls setState inside。
2024-04-29 11:11:31 524
原创 远程打包失败Error: could not load /root/workspace/device-repair-react.pc mofo/src/pages/system/logs
远程打包失败
2024-04-12 11:55:11 183
原创 npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED
npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED
2024-01-23 11:39:05 422 1
原创 Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined. You are running the
vue3 + cli创建项目后报警告 , 将cli替换成了vite打包
2024-01-04 15:05:21 3976 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人