所以我开始学习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) )}
/>