Day 11 · Select 选择器：选项先收起，用时再展开

Select 适合把一组选项折叠起来，让用户在需要时打开菜单再选择。Ant Design 把 Select 定义为「用于展示选项的下拉菜单」，Material Design 也把菜单描述为临时显示的一组选择；这类组件的关键价值不是「更炫」，而是节省页面空间。1 2

当选项数量较多、页面空间有限，或者选项不需要全部摊开比较时，Select 比 Radio 更省位置。Ant Design 在 Select 文档里也提示：选项总数少于 5 个时，更推荐使用 Radio。1

Select 不只是一种「下拉框」：它可以是单选、多选、可搜索，也可以把选项分组。Ant Design 的 Select 文档提供了 search、multiple、tags、Option Group 等用法示例。1

如果只有两个状态，优先考虑 Switch；Switch 本来就是用来表示两种状态或开关状态，并且切换后会直接触发状态变化。3 如果答案不固定，需要用户自己输入，就该用 Input 或 AutoComplete，而不是硬塞进 Select；Ant Design 也提示，需要「可输入或可选择」时可能更适合 AutoComplete。1

记住这句：少量摊开，多项收起；需要立即生效，就别用 Select。