React前端
文章平均质量分 55
懒得懒
竹杖芒鞋轻胜马,谁怕?
展开
-
js实现类似查看更多的功能
实现效果在处理错误信息提示时,如果信息太多,一次性展示的话,看着很乱,那有没有更好的展示方式呢?经过一番讨论,找到了类似于某乎上的这种效果,如下图:即能告诉用户后续还有信息,也没有一下子显示全部,给人感觉很累赘。该如何实现呢?实现思路根据上述需求,大概的想法如下:首先页面需要两个容器,这里简称div吧,一个div用来展示数据,一个div用来放按钮 展示数据的div默认高度固定,当内容超过高度时,隐藏(overflow-y:hidden) 按钮默认情况下需要展示,并且当..原创 2022-01-25 16:54:06 · 2061 阅读 · 0 评论 -
拖拽功能之水平拖动图片
1实现技术项目运行环境:ant pro 拖拽技术插件: react-sortable-hoc 实现拖拽功能 array-move 实现拖拽过程中数据处理两个重要的APIreact-sortable-hoc - npmimport { SortableContainer, SortableElement } from 'react-sortable-hoc'; re...原创 2021-09-23 16:49:26 · 741 阅读 · 0 评论 -
Ref is not a prop
看其他人使用ref 是,子组件有两个参数,props和ref,照猫画虎,自己也这么写,有一天突然想到一个问题,为啥要这么麻烦,直接通过props接收不久行了,于是试了下,没反应,控制台还报错了百度一番,原来ref 和key一样,是React内部的保留关键字,所以不能通过props来接收参考:小前端读源码 - React16.7.0(一) - 知乎https://stackoverflow.com/questions/38089895/react-ref-is-n...原创 2021-09-17 15:16:55 · 275 阅读 · 0 评论