英文:
Add sub-header to Material-UI autocomplete component
问题
如何为Material-UI的Autocomplete组件添加子标题？
目前我正在这样做：
<Autocomplete
{...props}
options={options}
renderInput={(params) => <TextField {...params} label={label} />}
/>
我该如何获得这样的结果？
英文:
How can I add a sub-header to Material-UI's Autocomplete component?
Right now i'm doing this:
<Autocomplete
{...props}
options={options}
renderInput={(params) => <TextField {...params} label={label} />}
/>
This is what I get and this is how I need it to look.
How can I get this result?
答案1
得分: 1
你需要使用 Autocomplete 组件的 groupBy 属性来实现这个功能。类似于：
<Autocomplete
{...props}
options={options}
groupBy={(option) => option.yourCondition}
renderInput={(params) => <TextField {...params} label={label} />}
/>
文档提供了示例：MUI文档
英文:
For this, you need to use the groupBy props of Autocomplete component.
Something like :
<Autocomplete
{...props}
options={options}
groupBy={(option) => option.yourCondition}
renderInput={(params) => <TextField {...params} label={label} />}
/>
The documentation gives you examples : MUI Doc
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论