2015-08-01 17:51:55 +08:00
|
|
|
# 分组
|
|
|
|
|
|
|
|
- order: 5
|
|
|
|
|
|
|
|
option分组
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
````jsx
|
|
|
|
var Select = antd.Select;
|
|
|
|
var Option = Select.Option;
|
|
|
|
var OptGroup = Select.OptGroup;
|
|
|
|
|
|
|
|
function handleChange(value) {
|
|
|
|
console.log('selected ' + value);
|
|
|
|
}
|
|
|
|
|
|
|
|
React.render(
|
2015-08-20 17:27:40 +08:00
|
|
|
<Select defaultValue="lucy"
|
2015-08-01 17:51:55 +08:00
|
|
|
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>
|
|
|
|
, document.getElementById('components-select-demo-optgroup'));
|
|
|
|
````
|