一、提供更好的搜索功能
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/zh-tw/n/278305.html
微信掃一掃 
支付寶掃一掃 