![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
BUG
南城夏季
一路浅行
展开
-
react ant tree节点没有children也会显示展开框 节点有children却不显示展开框
后端同步了其他系统的数据,而这份数据加了isLeaf,影响了树是否支持展开的判断。原创 2023-12-28 09:09:06 · 765 阅读 · 0 评论 -
js使用jsencrypt报错:navigator is not defined window is not defined
在react中使用了jsencrypt进行加密,前一天能正常加密,第二天运行的时候就报错,具体做了哪些操作,忘记了,应该有执行。应该是执行了npm install 拉取了新版的jsencrypt,导致版本不兼容。经过测试,发现最新的版本。原创 2023-08-11 16:16:14 · 1027 阅读 · 0 评论 -
react ant table 根据接口动态渲染表头
使request获取list,renderFormItem回调里面第二个参数中就有request的返回值,根据这个去渲染就可以了。原创 2023-07-13 11:10:36 · 1307 阅读 · 0 评论 -
ant table 单元格合并时 RowSelection 没有合并
动态合并 rowSelection, 使用 renderCell 来处理 rowSelection 的单元格合并。原创 2023-07-10 08:43:48 · 692 阅读 · 0 评论 -
js 复制对象排序乱了
表格需要根据对象的key来渲染表头,在控制台查看到数组中的对象的属性排序是正确的,但是右键复制其中一个对象再打印出来,发现乱序了,使用Object.keys输出也是乱序的。原创 2023-07-04 11:37:54 · 350 阅读 · 0 评论 -
react ant table设置动态scroll,且某些列的长度固定
设置scroll x的值为列的个数*100。原创 2023-06-27 16:18:39 · 916 阅读 · 0 评论 -
react map绑定动态ref获取子组件的实例cuurent为空
父组件动态加载了多个子组件,想在父组件点击确定的时候同时获取全部子组件的值。原创 2023-06-12 16:08:44 · 615 阅读 · 0 评论 -
ant Modal 上的EditableProTable编辑数据后,再次打开弹窗数据依然还在
实际上关闭弹窗,子组件是一直没有销毁的,也就是EditableProTable 输入框 会一直保存其状态,当然也包括它的数据,所以为了完全销毁组件可以modal上加个属性,也可以给modal加个key,每次打开的时换一个不同的key。打开弹窗后,编辑表格中的数据,关闭弹窗,再打开弹窗发现输入框的数据还在。即使执行了以下的重置操作,数据也还在。原创 2023-05-26 17:21:43 · 640 阅读 · 0 评论 -
ant react design select不支持搜索
搜索时过滤对应的 option 属性,如设置为 children 表示对内嵌内容进行搜索。若通过 options 属性配置选项内容,建议设置 optionFilterProp=“label” 来对内容进行搜索。原创 2023-01-05 09:52:45 · 365 阅读 · 0 评论 -
ant design select 搜索同时支持输入和下拉选中
1. 远程搜索的时候,有数据返回,但是下拉展示的仍然是无数据。。。2. 搜索输入框正常情况下只支持下拉选中,如果输入的内容查不到,那么在失去焦点的时候就置空输入框了,也就是没法保持输原创 2022-12-08 16:13:05 · 4737 阅读 · 2 评论 -
ant design protable的页码pagination点击一直显示第一页
另外一个方案是,你可以在表格搜索的时候获取表格页码,再把当前的页码数据set到table的config中。如果之前页面一直没有问题,现在突然发现页码点击无效果了,需要注意是是不是执行过。(package.json中),那么更新依赖后它的版本可能变成了。(package.lock.json中),这是因为。,然后在执行npm install,再把。的版本更新了,例如:原来的版本是。表示向上拉最新的版本。原创 2022-12-08 15:30:35 · 1327 阅读 · 0 评论 -
ant-pro protable 选中一行时,结果视图选中了所有
当rowKey对应的id 在列表中没有返回,或者不是唯一的,就会出现选中一行,结果视图上选中了多行,此时,只需要把rowKey对应的id改成后端返回的列表数据中的唯一id项就可以了。原创 2022-11-28 16:24:22 · 853 阅读 · 0 评论 -
Antd中Select组件中的defaultValue设置不生效
在Select 组件中添加一个key, 值为你所需要的 defaultValue,注意是在。原创 2022-11-26 10:42:35 · 1408 阅读 · 1 评论 -
jenkins 发版一致
发版一直报错,但又不是代码的错,后面知道的是因为之前没有把package.lock.json文件传上去,导致线上拉的是最新的依赖,后面提交代码又传了package.lock.json,导致版本不一致,这个时候删除掉package.lock.json,重新发版就可以了。原创 2022-11-26 10:29:25 · 596 阅读 · 0 评论 -
前端项目发版后接口无法调用,本地能调用 Provisional headers are shown
从上图控制台报错可以看到是因为在https的域名下访问了http接口,直接被浏览器以安全原因拦截了,这种情况,直接把域名的https改成http或者把接口改成https的,保持一致就可以了。同一个接口在本地可以调用,发版后通过域名却不能访问了,接口已经放开了跨域了,因此可以排除跨域问题。原创 2022-11-26 10:11:18 · 670 阅读 · 0 评论 -
react redux
【代码】react redux。原创 2022-10-26 11:18:29 · 359 阅读 · 0 评论 -
react ice 不兼容火狐低版本浏览器
目前使用的是ice结合ant来开发的react项目,但是运行后在谷歌浏览器和ice浏览器没有问题,但是在火狐的低版本(2016之前的版本,基本是在版本号50以下的)上运行打开页面显示一片空白,并且没有任何的错误提示。一开始分析是不是react版本过高导致不兼容,后来查看老项目,发现react16照样可以在火狐50运行,于是排除了react的问题。现在页面可以打开了但是接口返回的是一个xml对象,并不是json对象。查看ice的配置,发现默认是使用了vite,于是在。原创 2022-09-27 09:56:32 · 967 阅读 · 0 评论 -
node-sass安装报错
一般都是node和node-sass的版本不兼容。原创 2022-09-23 15:28:38 · 255 阅读 · 0 评论 -
nodejs操作 mongoose查询数据后给doc添加新属性未生效
【代码】nodejs操作 mongoose查询数据后给doc添加新属性未生效。原创 2022-09-04 15:10:04 · 311 阅读 · 0 评论 -
react项目切换窗口就会自动调用接口
问题:目前的项目使用的是++,在做一个表格页面的时候使用了组件,使用后发现,从其它窗口切换到本项目所在的窗口就会自动调用接口。原因:默认设置了一个属性:所以要解决这个问题,就需要手动配置这个属性值为...原创 2022-08-04 10:12:42 · 577 阅读 · 0 评论 -
react的form动态校验rules 点击下拉就会清空表单
直接动态替换rules会导致form组件重置,如果要动态校验,应该在事件中根据条件执行不同的逻辑。原创 2022-07-22 17:50:45 · 1058 阅读 · 0 评论 -
react ant protable 点击排序会自动调用接口
reactantprotable点击排序会自动调用接口,这个是ui库自带的,无法去除,因为无法判断事件来源是点击排序还是查询。原创 2022-07-22 17:44:41 · 462 阅读 · 0 评论 -
react ant protable 点击排序会自动调用接口
reactantprotable点击排序会自动调用接口,这个是ui库自带的,无法去除,因为无法判断事件来源是点击排序还是查询。原创 2022-07-21 19:03:18 · 418 阅读 · 0 评论 -
react Ant Design setFieldsValue 无效问题 bug
获取接口数据后,要set到表单中,但是set一直没反应。原创 2022-07-20 17:08:22 · 2471 阅读 · 0 评论 -
react ant modal 里面的表单数据一直不更新
拿到行数据后,应该在表单中手动设置值,原创 2022-07-12 14:45:50 · 1945 阅读 · 0 评论 -
warning.js:6 Warning: Instance created by `useForm` is not connected to any Form element. Forget to
原因:Modal 还未初始化导致 form 没有关联任何 Form 组件。也就是整个Modal都不存在,那么自然就不存在Modal里面的form表单,也就不会有form表单里面的一些方法解决方案:强制预渲染的组件,给Modal加为。...原创 2022-07-12 14:38:14 · 1122 阅读 · 0 评论 -
date.clone is not a function
查百度发现这个组件重新赋值的时候需要用moment插件转换一下。使用ant design 的DatePicker组件报错:date.clone is not a function。要把表单上绑定的name去掉,因为下面已经用value绑定了值(这个值是moment值)当然也可以初始化值的时候,让字符串时间转换成moment时间。原创 2022-07-12 09:30:59 · 6321 阅读 · 0 评论 -
react ant table删除后数据更新视图不更新
那么可以使用table的更新api原创 2022-07-11 17:45:19 · 1607 阅读 · 0 评论 -
Warning: Each child in a list should have a unique “key“ prop. Check the render method of `Cell`.
.> react项目报错key不存在可以看到提示了cell组件报错了。查找代码里面是不是有map等遍历方法,然后每个节点是否有如果没有遍历方法,查看是不是有多个节点放在一个数组里面,然后没有设置节点的key。例如表格列的render函数里面:需要在Popconfirm加key,数组的一级节点要加key,改成:...原创 2022-07-08 15:48:52 · 2685 阅读 · 0 评论 -
react项目切换窗口就会自动调用接口
问题:目前的项目使用的是++,在做一个表格页面的时候使用了组件,使用后发现,从其它窗口切换到本项目所在的窗口就会自动调用接口。原因:默认设置了一个属性:所以要解决这个问题,就需要手动配置这个属性值为...原创 2022-07-07 10:48:22 · 426 阅读 · 0 评论 -
The `style` prop expects a mapping from style properties to values, not a string react sx动态渲染style报错
报错代码如下:可以看到,当不存在时,在动态style的位置给设置了空,这样是允许的。这里我们可以处理下,当不存在时给它设置一个默认的对象:原创 2022-06-28 14:53:35 · 1997 阅读 · 0 评论 -
Warning: Received `false` for a non-boolean attribute `selectable`.
完整报错如下://收到非布尔属性' selectable '的' false '。//如果你想把它写入DOM,传递一个字符串:selectable="false"或selectable={value.toString()}。//如果您以前使用selectable={condition && value}有条件地忽略它,那么传递selectable={condition ?值:undefined}。devScripts.js:6523 Warning: Received `fa原创 2022-05-13 08:56:43 · 1195 阅读 · 2 评论 -
Each child in a list should have a unique “key“ prop. Check the render method of `Trigger`. It was p
完整报错如下:警告:列表中的每个子元素都应该有一个唯一的“key”道具。检查' Trigger '的渲染方法。它从notifeview中传递了一个子元素。Warning: Each child in a list should have a unique "key" prop.Check the render method of `Trigger`. It was passed a child from NoticeView.这里提示了在NoticeView组件中报错了,遍历列表时没有加key。原创 2022-05-13 08:45:51 · 5843 阅读 · 0 评论 -
umi-plugin-keep-alive发版后,详情返回列表 proTable内容全部显示为...
问题很诡异,在本地运行的时候不会出现这个情况,发版后就出现了。百度的时候,发现没有人遇到这个情况。一开始我以为是不是线上的package.json文件和本地的不一致导致的,拉下来后发现完全一致的。排查了很久,拉了ant 和 antPro的源码下来,没有找到相关的设置列为…的代码。后来还是对比了本地和线上的dom结构,发现是表格列在详情返回列表的时候,会把width这个属性变成max-width。那就好解决了,在表格渲染的时候强制再添加一个width属性。由于多个表格都会出现这个问题,所以直接在公共文.原创 2022-05-10 16:58:32 · 740 阅读 · 1 评论 -
react umi set值后没有更新
我们想要通过set修改值,然后拿到新值,没有生效const initTabs = [{ tab:'首页'}]const [tabList, setTabList] = useState(initTabs)useEffect(()=>{ setTabList([]) console.log(tabList)//还是initTabs的值并没有置空},[paths])有可能你会想到是不是加个settimeout,延迟去获取值?这样也没用的,initTabs s是引用类型,tabList维原创 2022-04-29 14:37:09 · 612 阅读 · 0 评论 -
react antd Table 表格 td超出自动换行
1.问题:目前有打印需求遇到了点问题,打印时表头太长导致出现横向滚动条,而借助于 react-to-print只能打印出视图区可见内容,所以打印的时候滚动条里面的内容没打印到。现在为了完整打印页面内容,只能让表格列超过换行,这样才不会出现滚动条。2.解决:我们需要将列 colums数组项使用render函数渲染,添加whiteSpace:'pre-wrap'样式。const columns = [ { title: '序号', dataIndex: 'index', valueType:原创 2022-04-26 14:03:24 · 5160 阅读 · 0 评论 -
react+umi 部署后有些页面一直loading
1.背景本次开发分为2期,其中2期和3期是单独部署的,二期的环境一直没有问题,所以页面正常访问,3期的代码发布后有些页面(设置页面)一直loading,一直没进入页面。2.分析尝试1 :是不是发版因为网络等问题,漏了文件?重新打包构建—发现没用尝试2 :是不是部署缓存的问题? 登录Jenkins,清理【工作空间—发现没用尝试3 :是不是浏览器缓存的问题? 清空缓存并重新加载,清空本地缓存—发现没用尝试4 :是不是不加载的那个文件本身有问题? 发现经过前几次尝试后,仍然只有那个设置页不加载,o原创 2022-04-20 10:01:01 · 2568 阅读 · 0 评论 -
控制台接口有数据返回不显示
接口过多,且接口返回数据过大,比如大于10M。接口数据格式复杂。解决:可以只保留一个接口,然后查看返回结果。然后将接口改成异步的或者减少数据的传递原创 2022-03-28 09:40:29 · 576 阅读 · 0 评论 -
[vite] Internal server error: Failed to parse source for import analysis because the content contai
报错:[vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.安装@vitejs/plugin-vuecnpm install @vitejs/plugin-vue --save安装完后记得重新cnpm install原创 2021-12-13 12:11:56 · 9653 阅读 · 6 评论 -
iview inputNumber 输入框有值但是校验失败
表单校验的时候,输入输入的数字,但是表格依然校验失败。原因:校验的时候,是先执行校验的回调函数,再执行修改赋值。 可以通过打印验证是否是这种情况:很明显,获取修改后值的方法111111打印在后,校验逻辑2222打印在前。<template> <Form ref="form" inline :model="form" :label-width="120" :rules="rules"> <FormItem label="汇款金额" prop="money原创 2021-12-09 18:30:03 · 2652 阅读 · 0 评论