ant-design/components/select/demo/optgroup.md

33 lines
622 B
Markdown
Raw Normal View History

2015-08-01 17:51:55 +08:00
# 分组
- order: 5
2016-01-28 12:16:18 +08:00
`OptGroup` 进行选项分组。
2015-08-01 17:51:55 +08:00
---
````jsx
import { Select } from 'antd';
const Option = Select.Option;
const OptGroup = Select.OptGroup;
2015-08-01 17:51:55 +08:00
function handleChange(value) {
console.log(`selected ${value}`);
2015-08-01 17:51:55 +08:00
}
2015-10-20 16:47:55 +08:00
ReactDOM.render(
2015-08-20 17:27:40 +08:00
<Select defaultValue="lucy"
style={{ width: 200 }}
showSearch={false}
onChange={handleChange}>
2015-08-19 13:50:57 +08:00
<OptGroup label="Manager">
<Option value="jack">jack</Option>
2015-08-01 17:51:55 +08:00
<Option value="lucy">lucy</Option>
</OptGroup>
2015-08-19 13:50:57 +08:00
<OptGroup label="Engineer">
2015-08-01 17:51:55 +08:00
<Option value="yiminghe">yiminghe</Option>
</OptGroup>
</Select>
, mountNode);
2015-08-01 17:51:55 +08:00
````