如何解决如何在材料ui自动完成组件反应上预先选择一个值?
我想在此UI实质自动组件的下拉列表中预先选择一个值,它在更新详细信息页面上,我该如何设置?这是我的下面的代码
<FormControl variant="outlined" fullWidth>
<Autocomplete
id="combo-box-demo"
options={props.options}
getOptionLabel={option => option.label}
onChange={(event,newValue) => {
if (props.selectedValue) props.selectedValue(newValue);
if (props.getvalue) props.getvalue(newValue.id);
}}
renderInput={params => (
<TextField
{...params}
size="small"
variant="outlined"
className="formField"
name={props.name}
inputRef={props.register}
/>
)}
/>
</FormControl>
解决方法
将占位符添加到TextField中,如:
<TextField
{...params}
placeholder ={ "The value that you want to set as preselected" }
size="small"
variant="outlined"
className="formField"
name={props.name}
inputRef={props.register}
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。