本文共 488 字，大约阅读时间需要 1 分钟。

在Select元素中添加showsearch属性，可以实现搜索功能。默认情况下，Select的搜索功能会基于option的value属性进行搜索，而value值通常是后台数据处理的结果，用户在页面上看不到。为了让搜索功能基于用户在页面上看到的选项内容，需要在select元素中添加optionFilterProp="children"属性。

Select搜索功能优化

在Select元素中添加showsearch属性可以实现搜索功能。默认情况下，Select的搜索功能会基于option的value属性进行搜索，而value值通常是后台数据处理的结果，用户在页面上看不到。为了让搜索功能基于用户在页面上看到的选项内容，需要在select元素中添加optionFilterProp="children"属性。

示例代码

  {options.map((item, index) => 
    {item.name}
  )}

通过在select元素中添加optionFilterProp="children"属性，可以确保搜索功能基于用户看到的选项内容进行筛选，从而提升用户体验。