随笔分类 - Web前端 / react / Ant Design
摘要：1、这里主要是什么呢 这里的关键是$('.ant-table-body').on('scroll', handleScrollEvent); 监听滚动条事件。 1、然后再reuqest 里面设置，是因为ProTable 点击查询时，会进到这里。 2、监听page，是当滚动导致页数，发生变化时，重新加
阅读全文
摘要：1、用这种方式``来取值的话，会导致弹出来的窗口，无法关闭，并且error.message值没显示出来 message.error(`程序异常【${errorCode}】，请联系管理员，异常原因：`,error.message) 分析原因：可能是message.error 把error.messag
阅读全文
摘要：1、代码 root = createRoot(document.getElementById("materialCertification")); root.render(<DisplayUI />); 2、报错信息 logger.js:205 Cannot read properties of u
阅读全文
摘要：1、我创建了useRef 对象，并在ProForm中使用 2、但是我在loadData方法中使用formRef对象时报错。显示formRef.current 得到的对象为空 3、但是loadData是在渲染完成后加载的，为什么formRef.current会为空。 问题原因：原来是我在loadDat
阅读全文
摘要：1、完整报错： Error: Expected ref to be a function, a string, an object returned by React.createRef(), or null. at coerceRef (react-dom.development.js:14873
阅读全文
摘要：1、 我在做一个树结构的ProTable时，使用了整型作为数据的key。 导致树的展开和收缩，出现了异常。 2、后来改为字符串就可以了，实际上也没有必要把字符串改为整型，没有什么意义。 通过字符串来确定唯一，就没有问题的了
阅读全文
摘要：1、我之前在看Antd Select 文档时，说用optionFilterProp="label"就可以了。 但是用到ProFormSelect 不行 2、解决方案： 加上fieldProps={{filterOption:(input, option) =>option.label.indexOf
阅读全文
摘要：1、value、selectValue、defaultValue 都是不行的，还是会提示信息要必填 <ProFormSelect showSearch name={formName} options={manufacturersLovOptions} width="md" value={initBr
阅读全文
摘要：1、报错信息： 报错Uncaught TypeError: Invalid attempt to spread non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator
阅读全文
摘要：1、EditableProTable 新增一行时，报错 Uncaught (in promise) Error: 请设置 recordCreatorProps.record 并返回一个唯一的key at Object.eval [as current] (index.js:679:1) at Obj
阅读全文
摘要：1、其他列是已经生效了，但是固定列是没有生效的 const rowClassName = (record) => { return tableTreeSearchKey.includes(record.key) ? 'selected-row' : ''; }; <ProTable ...... r
阅读全文
摘要：1、我尝试在列中加入ellipsis为true后，让内容超出后，用省略号表示。 {title:displayName,dataIndex:propName,key:newPropName,width:widthIndex //,ellipsis:true } 但是这引发了另外的问题。react-re
阅读全文
摘要：原因：是因为getControl 我用了异步async 的方法。而调用的时候，没有加上await导致的。 解决办法：加上await 就可以了
阅读全文
摘要：1、 export function CreateMaterialButton(props) { const revisionType = props.revisionType //SW8_PARTRevision 还是 SW8_ProductRevision const getTableData
阅读全文
摘要：1、刚开始，我是用第一种方式。通过一个变量，来设置必填属性的提示值 显示是没有问题的。 但是点击ModalForm 确认按钮时，报错 Objects are not valid as a React child (found: object with keys {requiredMsg}). If
阅读全文
摘要：要在 Ant Design ProTable 中去掉默认的信息提示框（alert-info），可以通过设置 tableAlertRender 属性为 false 来实现。这样就可以隐藏默认的信息提示框。 以下是示例代码： <ProTable ... tableAlertRender={false}
阅读全文
摘要：ProTable 表格本身是不支持，列宽度可拖动的。 1、按照一个插件（ react-resizable）npm install --save react-resizable 2、新建一个工具类ResizableTableUtil.js import React from 'react'; impo
阅读全文
摘要：1、设置方法：bodyStyle参数 <ProTable bodyStyle={{paddingRight: 0,paddingLeft: 0}}
阅读全文
