🧐[分段控制器（Segmented Control）和标签页（Tabs）外观相似，但核心逻辑与使用场景具体应该怎么进行区分

[lihaibo230623]

分段控制器（Segmented Control）和标签页（Tabs）外观相似，但核心逻辑与使用场景具体应该怎么进行区分呢？

[dosubot]

Hi @lihaibo230623! I'm Dosu and I’m helping the ant-design-pro team.

分段控制器（Segmented Control）和标签页（Tabs）虽然外观相似，但核心逻辑和使用场景有明显区别：

• 分段控制器适合在少量选项间切换，通常用于过滤、切换视图或模式，比如按“日/周/月”筛选数据。这类切换不会改变页面的主要内容结构，只是对当前内容做筛选或微调，常见于表格、图表等上方的快捷筛选区。参考

• 标签页则用于在多个内容区块间切换，每个标签对应一个独立的内容面板，适合组织复杂内容，比如不同的表单、设置页、数据视图等。切换标签时，页面的主要内容区会整体切换到对应的内容。参考

简单对比：

组件	主要用途	典型场景	内容切换方式
分段控制器	选项切换/过滤/模式切换	数据筛选、视图切换、操作模式	局部内容微调
标签页	内容分区/导航	多表单、设置、数据面板	整块内容区切换

判断方法：如果切换后页面主体内容大幅变化，用 Tabs；如果只是对当前内容做筛选或小范围切换，用 Segmented Control。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}