我开始学习 Material UI,有一个问题。
我们有一个对象
const top100Films = [
{ label: 'The Shawshank Redemption', year: 1994 },
{ label: 'The Godfather', year: 1972 },
* ...More items *
]
现在,如果我在我的自动完成中设置getOptionLabel = {option => option.label}
,它只会通过匹配标签(标题)进行搜索,因此如果我输入一个年份,例如“1994”,它不会在我的搜索结果中显示“肖申克的救赎”,如果我将其设置为option.year
,它只会按年份搜索,任何非年份的输入都将无效。
我的问题是:有没有办法设置它,以便我可以通过标题或年份进行搜索。
解决方案:
<Autocomplete
...
filterOptions={(options, { inputValue }) => options.filter(item => item.label.toLowerCase().includes(inputValue) || item.year.toString().includes(inputValue) )}
/>