AutoComplete

1
() => {
2
  const [value, setValue] = React.useState('');
3
  const [options, setOptions] = React.useState([]);
4
  const mockVal = (str, repeat = 1) => ({
5
     value: str.repeat(repeat),
6
  });
7
  const onSearch = (searchText) => {
8
     setOptions(
9
       !searchText ? [] : [mockVal(searchText), mockVal(searchText, 2), mockVal(searchText, 3)]
10
     );
11
  };
12
  const onSelect = (data) => {
13
     console.log('onSelect', data);
14
  };
15
  const onChange = (data) => {
16
    setValue(data);
17
  };
18
  return (
19
     <AutoComplete
20
        value={value}
21
        options={options}
22
        style={{ width: 200 }}
23
        onSelect={onSelect}
24
        onSearch={onSearch}
25
        onChange={onChange}
26
     />
27
  )
28
}
29