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

47 lines
957 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 0
2016-07-10 08:55:43 +08:00
title:
zh-CN: 基本使用
en-US: Basic Usage
2016-03-31 09:40:55 +08:00
---
2015-06-02 18:15:32 +08:00
2016-07-10 08:55:43 +08:00
## zh-CN
2015-06-16 14:54:31 +08:00
基本使用。
2015-05-16 15:03:33 +08:00
2016-07-10 08:55:43 +08:00
## en-US
Basic Usage.
2019-05-07 14:57:32 +08:00
```jsx
import { Select } from 'antd';
2018-06-27 15:55:04 +08:00
const { Option } = Select;
2015-06-09 21:16:59 +08:00
function handleChange(value) {
console.log(`selected ${value}`);
2015-06-09 21:16:59 +08:00
}
export default () => (
2020-03-14 00:04:54 +08:00
<>
2018-05-06 14:58:05 +08:00
<Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
<Option value="jack">Jack</Option>
<Option value="lucy">Lucy</Option>
2019-05-07 14:57:32 +08:00
<Option value="disabled" disabled>
Disabled
</Option>
<Option value="Yiminghe">yiminghe</Option>
</Select>
<Select defaultValue="lucy" style={{ width: 120 }} disabled>
<Option value="lucy">Lucy</Option>
</Select>
<Select defaultValue="lucy" style={{ width: 120 }} loading>
<Option value="lucy">Lucy</Option>
</Select>
<Select defaultValue="lucy" style={{ width: 120 }} allowClear>
<Option value="lucy">Lucy</Option>
</Select>
</>
2018-11-28 15:00:03 +08:00
);
2019-05-07 14:57:32 +08:00
```