thousands of pieces of data returned by the background interface are put in the Select. Users select a certain piece of data and find it very stuttered. Is there any way to solve it
?this is the official demo of antd
const { Select } = antd;
const Option = Select.Option;
function handleChange(value) {
console.log(`selected ${value}`);
}
function handleBlur() {
console.log("blur");
}
function handleFocus() {
console.log("focus");
}
ReactDOM.render(
<Select
showSearch
style={{ width: 200 }}
placeholder="Select a person"
optionFilterProp="children"
onChange={handleChange}
onFocus={handleFocus}
onBlur={handleBlur}
filterOption={(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
>
<Option value="jack">Jack</Option>
<Option value="lucy">Lucy</Option>
<Option value="tom">Tom</Option>
</Select>