ant-design/components/select/demo/optgroup.md
2017-01-19 15:22:53 +08:00

41 lines
726 B
Markdown

---
order: 5
title:
zh-CN: 分组
en-US: Option Group
---
## zh-CN
`OptGroup` 进行选项分组。
## en-US
Using `OptGroup` to group the options.
````__react
import { Select } from 'antd';
const Option = Select.Option;
const OptGroup = Select.OptGroup;
function handleChange(value) {
console.log(`selected ${value}`);
}
ReactDOM.render(
<Select defaultValue="lucy"
style={{ width: 200 }}
showSearch={false}
onChange={handleChange}
>
<OptGroup label="Manager">
<Option value="jack">Jack</Option>
<Option value="lucy">Lucy</Option>
</OptGroup>
<OptGroup label="Engineer">
<Option value="Yiminghe">yiminghe</Option>
</OptGroup>
</Select>
, mountNode);
````