如何解决如何在不删除自动完成中的选择的情况下禁用 Material-UI 中的下划线?
我想用没有下划线的 Autocomplete
组件创建 TextField
。我在 InputProps={{ disableunderline: true }}
道具中使用 TextField
禁用了下划线,它完成了它的工作,但它也删除了选择栏,所以问题是,如何在不删除选择栏的情况下完成此操作?
解决方法
要再次启用下拉列表,您还需要在嵌套属性中传播所有提供的道具 (InputProps
)。所以替换这一行
<TextField {...params} InputProps={{ disableUnderline: true }} />
与:
<TextField {...params} InputProps={{ ...params.InputProps,disableUnderline: true }} />
完整的工作代码:
<Autocomplete
options={top100Films}
getOptionLabel={(option) => option.title}
style={{ width: 300 }}
renderInput={(params) => (
<TextField
{...params}
InputProps={{ ...params.InputProps,disableUnderline: true }}
label="Combo box"
/>
)}
/>
现场演示
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。