## 简介 选择器也称为下拉框、选择框，常用于快速录入已经信息选项的场景，包括单选和多选，在选择器的下拉框中可以提供搜索功能方便用户快速定位选项，也可以同时提供创建引导链接，让用户能增加选项。 ## 示例 ```tsx import React from 'react'; import { Select } from '@alicloud/console-components'; const onChange = (value: any) => { console.log(value); }; export const dataSource = [ { value: '10001', label: '选项A', }, { value: '10002', label: '选项B', }, ]; const h4Style = { fontSize: '12px', marginTop: '24px', }; export default () => { return (

默认32px

小号24px

禁用

); }; export const meta = { title: '基础形态交互', describe: '设置disabled属性，禁用组件；设置state属性，设置组件状态。', }; ``` ```tsx import React from 'react'; import { Select } from '@alicloud/console-components'; const onChange = (value: any) => { console.log(value); }; export const dataSource = [ { value: '1', label: '默认项', }, { value: '2', label: '聚焦项', }, { value: '3', label: '选中项', }, { value: '4', label: '选中项', }, { value: '5', label: '默认项', }, { value: '6', label: '失效项', disabled: true, }, ]; const h4Style = { fontSize: '12px', marginTop: '24px', }; export default () => { return (

默认

); }; export const meta = { title: '带多选标签形态交互', describe: '设置mode值为multiple，选择器为带多选标签形态。', }; ``` ```tsx import React from 'react'; import { Select, Input, Button, Icon, Divider, } from '@alicloud/console-components'; const onChange = (value: any) => { console.log(value); }; const dataSource1 = [ { value: '1', label: '默认项', }, { value: '2', label: '聚焦项', }, { value: '3', label: '选中项', }, { value: '4', label: '默认项', }, { value: '5', label: '失效项', disabled: true, }, ]; const dataSource = [ { label: '内容描述，文案超出长度后允许自动换行，内容描述', value: '1' }, { label: '内容描述，文案超出长度后允许自动换行，内容描述', value: '2' }, ]; const menuProps1 = { focusable: false, header: (
} />
), footer: (
), }; const menuProps2 = { focusable: false, header: (
} />
), footer: (
), }; const menuProps3 = { focusable: false, header: (
} />
), footer: (
搜索结果：没有找到相关实例
无实例原因

1. A原因造成 解决方案a
2. B原因造成 解决方案b

), }; export default () => { return (

默认

带刷新搜索无结果