![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
tab页签
好好学前端
菜就要好好学习,莫想别的
展开
-
tab页签-代码部分
tab页签-代码部分 child import React,{useEffect, useState} from 'react' const Child = (props: any) => { const [loading,setLoading] = useState(true) useEffect(()=>{ setTimeout(()=>{ setLoading(false) },2000) },[]) return ( <d原创 2020-11-17 18:53:07 · 230 阅读 · 2 评论 -
Tab页签的变化
Tab切换(初始版) 场景 实现一个tab页签,当你点击时tab页签的内容才会加载,并且加载的数据第二次点击的时候数据已经缓存。分为动画切换以及非动画切换效果,效果如图所示 这个用的别人封装的基础组件,对这个比较感兴趣,就尝试实现了下.使用代码如下(模拟了之前基础组件的使用方式) const Index = () => { const [topBars,setTopBars] = useState(['aaa','bbb','ccc']) const [activeKey,set原创 2020-11-17 18:49:46 · 428 阅读 · 0 评论