react
Joey_iSleepy
这个作者很懒,什么都没留下…
展开
-
react封装下拉组件,可扩展并远程调用接口
react封装下拉组件,可扩展并远程调用接口原创 2022-08-04 17:06:04 · 780 阅读 · 0 评论 -
react中函数组件中设置默认值
react中函数组件中设置默认值原创 2022-08-04 10:30:16 · 1635 阅读 · 0 评论 -
react手写签名功能
react中实现电子签名功能原创 2022-08-03 14:31:34 · 494 阅读 · 0 评论 -
记录Bug:vite引入antd报错,以及安装react指定版本问题
vite引入antd报错,vite安装react指定版本原创 2022-08-03 10:41:12 · 1413 阅读 · 0 评论 -
react中实现预览pdf功能(react-pdf-js)
react中实现预览pdf功能(react-pdf-js)原创 2022-08-02 14:28:40 · 9892 阅读 · 8 评论 -
webpack5笔记
webpack5笔记原创 2022-08-01 10:27:28 · 88 阅读 · 0 评论 -
react中点击按钮,使用节流函数
react中点击按钮使用节流函数原创 2022-06-14 14:30:19 · 1011 阅读 · 0 评论 -
常用的一些方法
1、判断数组或者对象是否为空数组: arr.length ==0 ?对象: Object.keys(obj).length == 02、判断是否有某个键名obj.hasOwnProperty(key); 或 obj.hasOwnProperty(key);3、移动端加载中loading ?xxx : NoData />4、删除某些键值对delete person.age setFormData(prev => { const { pdfs,pdfName,p原创 2022-05-23 17:52:25 · 68 阅读 · 0 评论 -
点击Tab栏滑动到屏幕中间位置
点击Tab栏滑动到屏幕中间位置:使用的组件版本较低,做不出需求的效果,只能自己写解决方案:思路:这里主要是通过获取到Tab盒子的节点,react中通过useRef获取到当前节点和子节点,结合scrollTo滑动。scrollTo是有自带样式,可以自行搜索。相关代码: const tabbRef = useRef(null); const renderTabBar = useCallback((props) => { return ( <div cl原创 2022-05-23 16:50:18 · 906 阅读 · 0 评论 -
react初始化还没有取到接口返回的值,导致获取不到默认值
问题:react初始化还没有取到接口返回的值,导致获取不到默认值`碰到过好几需要拿到默认值,但是获取的都是初始化设置的值。原因分析:主要原因是因为组件初始化渲染已经结束,虽然值改变了,但是页面没有重新渲染导致的解决方案:这里可以结合使用Antd中的Spin组件useEffect(()=>{ setLoading(true); ...此处调接口,设置默认值 setLoading(false);},[])<Spin spinning={loadi原创 2022-05-12 16:02:33 · 835 阅读 · 0 评论 -
记录使用antd中的menu组件,以及使用中碰到的问题
记录使用antd中的menu组件,以及使用中碰到的问题。一、功能要求二、实现思路一、功能要求页面左侧是菜单栏,菜单栏中有分类,分类下有子分类,鼠标移入子分类上需要显示三个点,显示下拉操作选项。点击子分类右侧需要展示对应的表单,是用的套用的组件方式。之后因为同事也需要使用左侧菜单,但是右侧展示的内容不一样,所以抽离了一些代码,有些地方可以自行优化。全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;二、实现思路首原创 2022-05-09 18:47:56 · 8395 阅读 · 0 评论