Autocomplete Material UI:当multiple={false}时，无法隐藏输入中的选定选项
Autocomplete Material UI:当multiple={false}时，无法隐藏输入中的选定选项
提问于 2020-10-20 16:57:24
使用renderTags={() => null}，我可以禁用以在InputField中呈现选定的选项。这不适用于multiple={false}。有没有人有解决方案，知道为什么会这样？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-10-20 18:13:36
我认为prop是专门针对multiple的，您可以在这里查看Autocomplete的源代码：https://github.com/mui-org/material-ui/blob/9691ba77f3e27193c9cbff77ff85caaca22706b5/packages/material-ui/src/Autocomplete/Autocomplete.js
注意下面的条件语句。它检查multiple是否为true，是否为value.length > 0 (另外检查value数组是否至少包含1个元素)。
尽管它没有在文档中明确说明，但从属性名称本身"renderTags“-这些是您在启用多项选择时看到的”标记“。
if (multiple && value.length > 0) {
const getCustomizedTagProps = (params) => ({
className: clsx(classes.tag, {
[classes.tagSizeSmall]: size === 'small',
}),
disabled,
...getTagProps(params),
});
if (renderTags) {
startAdornment = renderTags(value, getCustomizedTagProps);
} else {
startAdornment = value.map((option, index) => (
<Chip
label={getOptionLabel(option)}
size={size}
{...getCustomizedTagProps({ index })}
{...ChipProps}
/>
));
}
}我不完全确定为什么要隐藏Autocomplete上的选定值，但是使用CSS可以做到这一点。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64441779
复制相关文章
相似问题
腾讯云开发者
