- 博客(13)
- 收藏
- 关注
RSS订阅原创 React导入问题出现死循环
今天写业务突然发现了一个引入子组件之后出现死循环的问题，当父组件与子组件所在的文件夹名字一样时，使用。时，Node.js 或 Webpack 会尝试从。目录中找到一个默认的入口文件（通常是。文件意外地重新导入了 A。
2024-09-27 17:49:16
146
原创 antdesign-pro EditableProTable编辑时组件联动
场景：表格数据给定完成之后，整张表格直接开启编辑模式，isHidden与isReadOnly的可编辑状态下进行互斥，在处于编辑模式下，表格展示的数据可以使用form来进行控制，所以。示例代码对EditableProTable进行了字段联动(主要是checkbox的)进行清除历史填写的内容，给各个组件赋值(具体内容看代码呀，注释写的很详细)内心os：快下班写的，有些粗糙，大家见谅呀，有时间来优化一下。可以使用form的方法。
2024-07-17 18:13:54
327
原创 Umijs多环境配置打包
注意：笔者在项目中本来使用了.umirc.prod.ts,为配置文件名称，在打包build-uat时，居然也运行了.umirc.prod.ts配置文件导致打包内容混乱(这个问题没有找到原因，如果哪个小伙伴知道，给笔者留言呀)package.json的scripts中配置相对应的打包运行命令，其中UMI_ENV等于newName，之后使用该打包命令就可以通过相对应的配置文件进行打包了。新建配置文件在根目录，名称格式一般为.umirc.{newName}.ts。
2024-06-26 15:22:35
472
原创 React umi框架拆分包策略
以上为umi提供的自动/手动拆包方法，但是手动拆包时每次引入该组件的时候都需要这样引入lazy非常麻烦，这样可以在环境配置文件中，如本项目环境配置文件.umirc.uat.ts中配置拆包代码。使用umi框架的时候打包发布时在配置文件umirc.ts中，可以使用一下配置自动开启打包。需要更细致的打包时应该使用手动拆包。
2024-04-29 16:05:40
339
原创 Antd Select与Menu组合使用
1.当triggerSubMenuAction为hover且输入时为中文输入法，中文字符选择框会使组件失焦，弹出框直接消失，这里需要把triggerSubMenuAction属性变为click可以解决该问题。2.由于select组件与menu本不是一个整体，所以第一层下拉框为select的open状态，第二三层为menu组件的open状态，容易出现这样的问题。很像级联选择器Cascader的作用，但最后一层需要根据相应配置显示不同的状态，如下拉列表、输入框等，基本代码如下。
2024-04-12 17:28:19
261
原创 React hooks useImperativeHandle用法示例
useImperativeHandle可以给React.forward处理后的函数组件接收到的ref对象拓展功能。方式一（不使用forwardRef）方式二（使用forwardRef）
2024-03-28 13:40:40
164
原创 react ui库shineout table固定列宽问题
如果根据需求想要固定列宽，可以在后面几列自适应完成之后添加上前几个固定值的列就可以保持前几列宽度固定不变的效果。需求：列表前两列要固定宽度，后面的根据列宽自适应。（列宽和超过1000）（列宽和小于1000）此时前两列无法固定宽度。
2024-03-14 18:17:56
423
1
原创 React中使用AWS SDK分段上传uploadPart返回值中没有ETag
当文件比较大是，需要用到header中的到Header中的Etag的，因此需要在S3的CORS的rule中配置允许暴露ETag。在登陆aws账号后选择s3服务，选择自己要配置的桶--->权限。在cors中配置上ETag。
2023-06-16 20:04:53
407
1
原创 react类式组件,使用props给state进行数据初始化，父组件更新，子组件数据未发生变化
也就是说，子组件刷新时不再执行constructor,不会对state重新赋值，所有子组件虽然执行了render，但是渲染数据不变。或者componentWillReceiveProps生命周期，使props更新时重新更新value的值。要解决问题可以使用shouldComponentUpdate中重新对state赋值。当父组件更新导致子组件更新时，子组件的生命周期执行顺序是。当子组件接收的props赋值给state时如。会出现页面重新渲染，但是页面数据未发生变化。
2023-04-10 14:06:51
1279
1
原创 编程式路由跳转到当前路由(参数不变，多次执行会抛出NacigationDuplicated的警告错误
在路由router的.js文件中重写push和replace，可以彻底解决这个问题。原因："vue-router" 最新的vue-router引入promise。声明式导航不会出现这个问题，因为vue-router底层处理好了。
2022-09-08 16:26:02
221
空空如也
pnpm: EPERM: operation not permitted, unlink
2023-06-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人