标签：组件 展示 滚动效果 生命周期 使用 动效 结构 事件 回调
由于ant Tabs组件结构较复杂，共分三部分叙述，本文为目录中第三部分（高亮）
目录
一、组件结构
antd代码结构
rc-ant代码结构
1、组件树状结构
2、Context使用说明
3、rc-tabs中只在example、test中使用的组件说明
二、Tabs关键组件功能实现
1、Tabs（antd）
2、RcTabs
3、Sentinel哨兵
4、InkTabBarNode
三、Tabs的滚动效果
ScrollableTabBarNode
ScrollableTabBarNode内容太多，使用多个思维导图分别展示，内容较多总结的比较粗糙，部分细节还有疑问
首先，整体结构图，将ScrollableTabBarNode的方法进行归类（个人看法）
然后，根据方法内容从基础到复杂的层次来看，首先看【state方法】和【计算宽度位置的基础方法】
再次，是主要【功能方法】，tab标签的滚动效果逻辑大多在这部分
最后，看【事件回调】和【生命周期方法】
（1）整体结构
（2）state方法
（3）计算宽度位置基础方法
（4）功能方法
（5）事件回调
（6）生命周期方法
antd源码分析之——标签页（tabs 3.Tabs的滚动效果）
标签：组件 展示 滚动效果 生命周期 使用 动效 结构 事件 回调
原文地址：https://www.cnblogs.com/zs-note/p/11507356.html
