在使用 getOptionLabel 方法时,需要确保返回一个字符串。如果返回的是 undefined,则在 Autocomplete 组件上添加 debug 属性,查看哪个选项的标签返回 undefined。在返回 undefined 的情况下,可能是选项的 label 字段为空,或者 getOptionLabel 方法没有正确处理空数组的情况造成的。以下是一种处理空数组的示例代码:
{
if (Array.isArray(option)) {
return option.map((o) => o.label).join(', ');
}
return option.label || '';
}}
renderInput={(params) => }
/>
在这个示例中,getOptionsLabel 方法首先检查选项是否为数组,在数组的情况下,它将遍历并返回其 label 属性的组合,否则它将返回一个空字符串。具体来说,在 Autocomplete 组件上添加 debug 属性后,这个示例将告诉你哪种情况导致了 undefined 的返回值。