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

33 lines
614 B
Markdown
Raw Normal View History

2015-08-01 17:51:55 +08:00
# 分组
- order: 5
option分组
---
````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-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
````