reactjs - 使用 formik 的自动完成材料 UI 组件正在加载错误和警告

Question

我已经用 formik 在下一个 JS 中为 Material UI 中的 Autocomplete 组件编写了一个示例代码。但是我在加载时看到了一些错误和警告。我从互联网上尝试了几种解决方案，但似乎没有任何效果！有人可以帮助我了解问题所在以及如何解决吗？我已在链接中共享代码供您参考。https://github.com/SamplesForMurthy/formiksample。

错误：useAutocomplete.js:141 Material-UI：getOptionLabel自动完成的方法返回未定义而不是“”的字符串。

和

警告：useAutocomplete.js:249 Material-UI：提供给自动完成的值无效。没有一个选项与 匹配""。您可以使用该getOptionSelected道具来自定义相等测试。

Answer 1

当您将空字符串作为值传递时，AutoComplete 将尝试将所选值与选项列表进行比较，并检查是否有任何选项与您选择的值匹配。

将初始值作为 null 而不是空字符串传递。

const initialValues = {
  selectedValue: null,
};