一、提供更好的搜索功能
1、 Antd-Select组件提供了基于输入内容的搜索功能，可以通过输入关键词快速筛选出目标选项，大大提高了使用效率。
{`import React, { useState } from 'react';
import { Select } from 'antd';
const { Option, OptGroup } = Select;
function handleChange(value) {
console.log(`selected ${value}`);
}
function handleBlur() {
console.log('blur');
}
function handleFocus() {
console.log('focus');
}
function App() {
const [options, setOptions] = useState([
{ label: '苹果', value: 'apple' },
{ label: '香蕉', value: 'banana' },
{ label: '西瓜', value: 'watermelon' },
{ label: '草莓', value: 'strawberry' },
]);
return (
option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}
>
{options.map((option) => (
{option.label}
))}
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/278305.html
微信扫一扫 
支付宝扫一扫 