rsuite-selectpicker v3.0.5

rsuite-selectpicker

rsuite-selectpicker 是一个选择器组件，可以替代原生 select 控件。同时还具有一些特性：

• 支持搜索
• 支持自定选项
• 支持分组

rsuite-selectpicker 只支持单选，如果需要多选，可以使用 rsuite-checkpicker

版本与状态

快速开始

安装

npm i rsuite-selectpicker --save

样式

在 less 文件中引入:

@import '~rsuite-selectpicker/lib/less/index.less';

示例代码

import Picker from 'rsuite-selectpicker';

const data = [{
  label: 'Pearlie',
  value: 2,
  role: 'Master',
},...];

<Picker
  data={data}
  defaultValue={2}
  valueKey="value"     // `data` 数组中作为值的 `key`
  labelKey="label"     // `data` 数组中作为显示文本的 `key`
  groupBy="role"       // `data` 数组中作为分组显示的 `key`  如果不设置就不分组
/>