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

Question

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

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" />
                            )}
                        />

标签： htmlreactjscomboboxoption

Answer 1

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

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