![](/img/trans.png)
[英]MUI: The value provided to Autocomplete is invalid.None of the options match with `0`
[英]MUI: The value provided to Autocomplete is invalid. None of the options match with `""`
在自动完成组件的输入中输入值时,我收到无法删除的警告...这就是我的输入的样子
<Autocomplete
id="cboAdresse"
sx={{ width: 100 + "%", fontFamily: "Poppins Bold" }}
getOptionLabel={(option) =>
typeof option === "string" ? option : option.label
}
filterOptions={(x) => {
return x;
}}
options={lstadresse}
isOptionEqualToValue={(option, value) =>
value.label === option.label
}
autoComplete
includeInputInList
filterSelectedOptions
value={adresse}
noOptionsText="Aucune adresse trouvée"
onChange={(event, newValue) => {
setLstAdresse(
newValue.name ? [newValue.name, ...lstadresse] : lstadresse
);
setAdresse(newValue.name);
if (newValue.name != "") {
setVille(newValue.city);
setCodePostal(newValue.postcode);
}
}}
onInputChange={(event, newInputValue) => {
setInputRue(newInputValue);
}}
renderInput={(params) => (
<div
ref={params.InputProps.ref}
className="login-block__input form_input_white"
>
<input
type="text"
name="adresse"
placeholder="Adresse"
{...params.inputProps}
/>
</div>
)}
/>
我们可以看到我已经集成了 IsOptionEqualToValue 参数而没有解决问题。 在我的研究过程中,其他人也遇到了这个问题,并用我用 IsOptionEqualToValue 编写的内容解决了这个问题。 如果有人有解决方案,我很感兴趣。 提前致谢。
在 mui v5 中使用这个
isOptionEqualToValue={(option, value) => option.value === value.value}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.