ant-design/components/auto-complete/demo/options.tsx
thinkasany 05a0179616
demo(AutoComplete): opt options type by AutoCompleteProps ()
* demo(AutoComplete): opt options type by AutoCompleteProps

* lint fix
2024-07-08 16:01:02 +08:00

29 lines
705 B
TypeScript

import React from 'react';
import { AutoComplete } from 'antd';
import type { AutoCompleteProps } from 'antd';
const App: React.FC = () => {
const [options, setOptions] = React.useState<AutoCompleteProps['options']>([]);
const handleSearch = (value: string) => {
setOptions(() => {
if (!value || value.includes('@')) {
return [];
}
return ['gmail.com', '163.com', 'qq.com'].map((domain) => ({
label: `${value}@${domain}`,
value: `${value}@${domain}`,
}));
});
};
return (
<AutoComplete
style={{ width: 200 }}
onSearch={handleSearch}
placeholder="input here"
options={options}
/>
);
};
export default App;