前端
文章平均质量分 59
米莉亚姆·奥莱恩
一名快乐的菜鸟呀
展开
-
Antd修改Upload图片框大小
通过css修改Antd的Upload图片框大小原创 2024-07-10 14:20:40 · 192 阅读 · 0 评论 -
react获取可滚动的<img>图片可视区域
要同时展示OCR原图和识别结果,而原图往往很高,就希望能够在垂直滚动图片的时候,只动态展示当前可视区域内的识别结果。原理很简单,ocr的识别结果都是会告知识别框的四角坐标。如下面这样,每两个值一组,分别代表左上、左下,右下、右上,我们根据第2个和第4个值就可以知道这个矩形的y轴上下边界y1和y2。在滚动时我们可以通过react提供的ref属性知道它当前的滚动位置,然后再根据图片的缩放比,还原出当前可视区域的y轴边界所对应的原图区域y3和y4。原创 2024-01-04 17:25:34 · 459 阅读 · 1 评论 -
react实现可拖拽的列表
一个比较简单的拖拽列表,仅仅学习使用。如果想要用于生产,推荐Ant Design的整个drag_list分为列表body和上面的若干数据项card。原创 2024-01-04 16:38:08 · 901 阅读 · 1 评论 -
React组件更新混乱
react更新时,错误地保留了先前组件状态原创 2023-11-01 16:14:55 · 95 阅读 · 1 评论 -
react下数字<input type=“number“>屏蔽步进器和滚动效果
在源码文件中引入该css,并且修改的classname,加上“numberinput”即可。屏蔽在获取焦点后鼠标滚动可以改变值的问题。新建一个style.css文件,内容为。给加上这么一条属性即可。屏蔽右侧步进器。原创 2023-08-28 14:59:43 · 381 阅读 · 1 评论 -
父容器 的 useClickAway方法被子元素意外触发的问题
原作者:前端西瓜哥我遇到的问题是在弹出菜单中中定义了一个useClickAway,只要点击菜单外部就能自动隐藏菜单但是菜单内包含一个Button,这时出现了点击Button会让菜单消失的问题。转载 2023-07-24 17:37:35 · 276 阅读 · 0 评论 -
react前端useState异步更新数据的问题
最开始我没有意识到异步的问题,直接使用setMList方法进行更新,并继续后续的逻辑。然后我发现mList并没有更新,最开始我只认为是删除指定元素的代码写错了,但debug后发现只是setMList“没有成功运行”。这主要是因为useState在React中是异步更新的问题,用同步的写法只能靠撞大运。作为初学者,我选择使用一个中间变量的方式,让console.log变得同步。参考转载文章的方法三。初学typescript,在React中遇到了useState异步更新的问题。方法二 :使用(回调)方式传参。转载 2023-07-24 17:59:47 · 545 阅读 · 0 评论