MUI：提供给自动完成的值无效。没有一个选项与 `""` 匹配

Question

\n

当在自动完成组件的输入中输入值时，我收到此警告，提示我无法删除...\n这就是我的输入的样子

\n

 <Autocomplete\n            id="cboAdresse"\n            sx={{ width: 100 + "%", fontFamily: "Poppins Bold" }}\n            getOptionLabel={(option) =>\n              typeof option === "string" ? option : option.label\n            }\n            filterOptions={(x) => {\n              return x;\n            }}\n            options={lstadresse}\n            isOptionEqualToValue={(option, value) =>\n              value.label === option.label\n            }\n            autoComplete\n            includeInputInList\n            filterSelectedOptions\n            value={adresse}\n            noOptionsText="Aucune adresse trouv\xc3\xa9e"\n            onChange={(event, newValue) => {\n              setLstAdresse(\n                newValue.name ? [newValue.name, ...lstadresse] : lstadresse\n              );\n              setAdresse(newValue.name);\n              if (newValue.name != "") {\n                setVille(newValue.city);\n                setCodePostal(newValue.postcode);\n              }\n            }}\n            onInputChange={(event, newInputValue) => {\n              setInputRue(newInputValue);\n            }}\n            renderInput={(params) => (\n              <div\n                ref={params.InputProps.ref}\n                className="login-block__input form_input_white"\n              >\n                <input\n                  type="text"\n                  name="adresse"\n                  placeholder="Adresse"\n                  {...params.inputProps}\n                />\n              </div>\n            )}\n      />\n

\n

我们可以看到我集成了IsOptionEqualToValue参数，但没有解决问题。在我的研究过程中，其他人也遇到过这个问题，并用我用 IsOptionEqualToValue 编写的内容解决了它。如果有人有解决方案，我很感兴趣。提前致谢。

\n

Answer 1

在 mui v5 中使用这个

isOptionEqualToValue={(option, value) => option.value === value.value}