如何禁用MUI Autocomplete组件筛选，始终显示所有选项

要让Autocomplete完全跳过本地筛选，直接展示后端返回的所有选项，只需要给filterOptions传入一个直接返回原选项数组的函数即可：

<Autocomplete
  getOptionLabel={(option) => (option.projectName ? option.projectName : option)}
  options={searchFunctions.convertHitsToOptions(searchQuery.data)}
  filterOptions={(options) => options} // 禁用本地筛选，返回全部选项
/>

原理说明 #

MUI的filterOptions属性默认会根据输入框内容对options数组做筛选匹配。我们自定义的这个函数跳过了所有筛选逻辑，直接返回原始选项数组，这样不管输入框里输入什么，弹出层都会完整展示后端返回的所有命中结果。

如果需要保留排序等其他默认行为但仅禁用筛选，可以基于默认的filterOptions函数修改，但对你的场景来说，直接返回原数组是最简单直接的方案。

内容的提问来源于stack exchange，提问作者EliteRaceElephant