chore: rm conch block
parent
2d5c8fe408
commit
e2f386ea25
@ -1,70 +1,16 @@
|
||||
import React from 'react';
|
||||
import { Select } from 'antd';
|
||||
|
||||
const handleChange = (value: string) => {
|
||||
console.log(`selected ${value}`);
|
||||
};
|
||||
|
||||
const App: React.FC = () => (
|
||||
<>
|
||||
<Select
|
||||
defaultValue="lucy"
|
||||
style={{ width: 120 }}
|
||||
onChange={handleChange}
|
||||
options={[
|
||||
{
|
||||
value: 'jack',
|
||||
label: 'Jack',
|
||||
},
|
||||
{
|
||||
value: 'lucy',
|
||||
label: 'Lucy',
|
||||
},
|
||||
{
|
||||
value: 'disabled',
|
||||
disabled: true,
|
||||
label: 'Disabled',
|
||||
},
|
||||
{
|
||||
value: 'Yiminghe',
|
||||
label: 'yiminghe',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<Select
|
||||
defaultValue="lucy"
|
||||
style={{ width: 120 }}
|
||||
disabled
|
||||
options={[
|
||||
{
|
||||
value: 'lucy',
|
||||
label: 'Lucy',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<Select
|
||||
defaultValue="lucy"
|
||||
style={{ width: 120 }}
|
||||
loading
|
||||
options={[
|
||||
{
|
||||
value: 'lucy',
|
||||
label: 'Lucy',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<Select
|
||||
defaultValue="lucy"
|
||||
style={{ width: 120 }}
|
||||
allowClear
|
||||
options={[
|
||||
{
|
||||
value: 'lucy',
|
||||
label: 'Lucy',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</>
|
||||
const App = () => (
|
||||
<Select
|
||||
value={20}
|
||||
options={Array(21)
|
||||
.fill(0)
|
||||
.map((_, item) => ({
|
||||
label: `${item}`,
|
||||
value: item,
|
||||
}))}
|
||||
/>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
Loading…
Reference in New Issue