mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 09:39:10 +08:00
91821d4d3a
* feat: select edit demo to data driven * feat: edit demo to data driven Co-authored-by: 二货机器人 <smith3816@gmail.com>
1.1 KiB
1.1 KiB
order | debug | title | ||||
---|---|---|---|---|---|---|
20 | true |
|
zh-CN
基本使用。
en-US
Basic Usage.
import { MehOutlined, SmileOutlined } from '@ant-design/icons';
import { Select } from 'antd';
import React from 'react';
const smileIcon = <SmileOutlined />;
const mehIcon = <MehOutlined />;
const handleChange = (value: string) => {
console.log(`selected ${value}`);
};
const App: React.FC = () => (
<>
<Select
suffixIcon={smileIcon}
defaultValue="lucy"
style={{ width: 120 }}
onChange={handleChange}
options={[
{
value: 'jack',
label: 'Jack',
},
{
value: 'lucy',
label: 'Lucy',
},
{
value: 'disabled',
label: 'Disabled',
disabled: true,
},
{
value: 'Yiminghe',
label: 'yiminghe',
},
]}
/>
<Select
suffixIcon={mehIcon}
defaultValue="lucy"
style={{ width: 120 }}
disabled
options={[
{
value: 'lucy',
label: 'Lucy',
},
]}
/>
</>
);
export default App;