自动完成组件在反应应用程序中给出错误答案

【问题标题】：autocomplete component gives error in react app自动完成组件在反应应用程序中给出错误
【发布时间】：2021-05-02 20:26:51
【问题描述】：

我正在尝试在我的 react 应用程序中插入一个自动完成组件，但我收到了错误

The `getOptionLabel` method of Autocomplete returned undefined instead of a string for "Score".

每当我尝试选择一个选项时

这是自动完成代码

 <Autocomplete
                            id="id"
                            options={["Score","Name"]}
                            getOptionLabel={option => option.label}
                            style={{width:300}}
                            renderInput={params => (
                                <TextField {...params} label="Sort By" variant="outlined" />
                            )}
                        />

【问题讨论】：

标签： html reactjs combobox option

【解决方案1】：

您将 options 作为字符串数组传递 (["Score","Name"]) 然后将getOptionLabel 传递为option => option.label，但您的选项是纯字符串。

要么尝试删除 getOptionLabel 属性，要么将 options 数组中的项目更新为具有 label 属性的对象。

【讨论】：

【解决方案2】：

我通过创建带有属性标签和名称的对象列表来解决它，并在 getoptionlabel 中我写了 option.label

【讨论】：