摘要: 最近在开发一个功能,table里面的Input组件。需要单行能够编辑,又要多行一起编辑,如下。 在这种情况下,就只能对Input组件使用value受控,而不能使用defaultValue受控。因为defaultValue受控在批量编辑的时候无效。 现在遇到的问题是,使用value受控,在onChan 阅读全文
posted @ 2023-09-07 09:57 飞向火星 阅读(553) 评论(0) 推荐(0) 编辑
摘要: 今天在处理一个需求的时候发现,无论怎么设置z-index都没用。百思不得其解,最好问了下睿智的chatGpt.发现原来是要设置position属性!! 加个position:absolute就完美解决这个问题 gpt原话:z-index仅在具有定位属性的元素上才有效(例如position为relat 阅读全文
posted @ 2023-07-13 17:08 飞向火星 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 今天遇到个导出PDF分页内容截断问题,如下 解决方法,加个: pagebreak: { mode : ' avoid-all ' } 自动分页即可 后面又遇到个问题,如下,配置了自动分页还是不行 最后发现是因为整个循环的元素没有用一个父元素包起来导致的,而我这里使用的是<></>包裹的,估计在解析的 阅读全文
posted @ 2023-07-07 13:21 飞向火星 阅读(2329) 评论(2) 推荐(0) 编辑
摘要: 今天遇见个小bug发现刷新浏览器,componentWillUnmount竟然不会触发。 搜了一下,可能原因是浏览器刷新的时候,componentQillUnmout来不及触发,就被刷掉了。 使用 onbeforeunload事件可以完美解决这个问题。 阅读全文
posted @ 2023-06-03 15:37 飞向火星 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 今天在项目中发现 使用 forwardRef 转发用conenct包裹的组件,怎么都拿不到 提供给父组件的方法,百思不得其解。最后看到了这篇文章 React.forwardRef和connect的联合使用问题 才知道。 为什么会被覆盖掉呢,因为父组件调用子组件的地方已经用ref绑定了。 原来是这里惹 阅读全文
posted @ 2023-05-17 17:28 飞向火星 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 使用ref来处理。 父组件里面 子组件里面 在TS里面使用又有不同! 在TS里面这样做会报错 InputArea里面是这样 这个错误的原因是forwardRef期望的函数签名与FC类型不兼容。我们需要将InputArea的类型从FC<InputAreaProps>改为ForwardRefRender 阅读全文
posted @ 2023-03-23 18:47 飞向火星 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 今天在项目中发现, 明明在proxy里代理了 接口地址确不是10.10.11.106/front/xxxxxx。这是为啥呢?changeOrigin的修改也是一样,在网络请求中发现host还是没改。这又是为啥呢? 不过我们会发现接口又确实掉的通。那就只能有一个解释了,那就是浏览器只是将第一层请求显示 阅读全文
posted @ 2023-02-08 15:47 飞向火星 阅读(259) 评论(0) 推荐(0) 编辑
摘要: new Set() 去重不能对对象使用,如下。 对象并没有重复的概念。即使是用了,也去不了重,像该例子中的{name:1}。 那要怎么去重呢,使用深拷贝循环去重? 在网上查了下,直接使用这种方法,三行代码搞定,太秀了 看不懂。 还有一种就是使用lodash里的uniqBy方法。 参考:https:/ 阅读全文
posted @ 2023-02-01 09:13 飞向火星 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 在类组件中,使用节流函数可以在componentDidMount中定义. 而在hooks函数中,该怎么定义呢,我们一起看看。 要使用useCallback包起来,返回一个记忆的缓存函数,这样才能达到节流的目的。否则会无限重新创建节流函数,节流无效。并且要将Input的值作为依赖项,及时的更新节流的函 阅读全文
posted @ 2022-12-29 17:20 飞向火星 阅读(129) 评论(0) 推荐(0) 编辑
摘要: webpack官网proxy描述 https://zhuanlan.zhihu.com/p/461000891 阅读全文
posted @ 2022-11-18 09:03 飞向火星 阅读(67) 评论(0) 推荐(0) 编辑