使用 formik 的自动完成 material UI 组件加载时出现错误和警告
Autocomplete material UI component with formik is loading with errors and warnings
我已经用 formik 在下一个 JS 中从 Material UI 编写了自动完成组件的示例代码。但是我在加载时看到了一些错误和警告。我尝试了互联网上的几种解决方案，但似乎没有任何效果！有人可以帮助我了解问题所在以及如何解决吗？我已经在 link 中分享了代码供您参考。 https://github.com/SamplesForMurthy/formiksample.
Error: useAutocomplete.js:141 Material-UI: The getOptionLabel method
of Autocomplete returned undefined instead of a string for "".
和
Warning: useAutocomplete.js:249 Material-UI: The value provided to
Autocomplete is invalid. None of the options match with "". You can
use the getOptionSelected prop to customize the equality test.
当您将空字符串作为值传递时，自动完成将尝试将所选值与选项列表进行比较，并检查是否有任何选项与您的所选值匹配。
将初始值作为 null 而不是空字符串传递。
const initialValues = {
selectedValue: null,
};
我已经用 formik 在下一个 JS 中从 Material UI 编写了自动完成组件的示例代码。但是我在加载时看到了一些错误和警告。我尝试了互联网上的几种解决方案，但似乎没有任何效果！有人可以帮助我了解问题所在以及如何解决吗？我已经在 link 中分享了代码供您参考。 https://github.com/SamplesForMurthy/formiksample.
Error: useAutocomplete.js:141 Material-UI: The
getOptionLabelmethod of Autocomplete returned undefined instead of a string for "".
和
Warning: useAutocomplete.js:249 Material-UI: The value provided to Autocomplete is invalid. None of the options match with
"". You can use thegetOptionSelectedprop to customize the equality test.
当您将空字符串作为值传递时，自动完成将尝试将所选值与选项列表进行比较，并检查是否有任何选项与您的所选值匹配。
将初始值作为 null 而不是空字符串传递。
const initialValues = {
selectedValue: null,
};