自動完成區分大小寫

Question

有沒有辦法讓 material-ui 自動完成反應組件不區分大小寫？

例如，如果我有一個列表項“Movies”，我希望能夠搜索“movies”、“MOVIES”、“Movies”等，無論搜索中哪些字母大寫，它都會出現。

Answer 1

這應該可以解決問題。 忽略大小寫默認為真。 全部小寫。

import { createFilterOptions } from '@material-ui/lab/Autocomplete';

const filterOptions = createFilterOptions({
  ignoreCase: true,
});

<Autocomplete filterOptions={filterOptions} />

有關更多信息，請查看 自定義過濾器。

Answer 2

解決方案來自之前的答案，但您應該將 ignoreCase: false

const filterOptions = createFilterOptions({
  ignoreCase: false,
});