小编inf*_*her的帖子

今天我来给大家带来一个近几天来一直困扰我的问题。

我试图做到这一点，以便我的自动完成功能在选项中显示一个标签，但值不同。所以我用谷歌搜索了一下，发现你可以用 renderOption 来做到这一点。所以我尝试了 renderOption 但我根本无法让它工作，并且它向我抛出了一个我不理解的错误。

我的代码如下：

    const itemList = [
        { value: "Car Winner", id: "casinofob" },
        { value: "PD 556", id: "-2084633992" },
        { value: "Cluckin Drink", id: "cbdrink" },
        { value: "Blink", id: "spellbook-blink" },
    ];

                        <Autocomplete
                          disablePortal
                          id="combo-box-demo"
                          options={itemList}
                          renderOption={option => <>{option.value}</>}
                          getOptionLabel={(option) => option.id}
                          sx={{ width: 300 }}
                          renderInput={(params) => <TextField onChange={updateSpawnEnteredItem} label="Item Name" sx={{marginBottom: '15px', marginTop:'5px', width: 300 }} {...params} />}
                    />

我收到的错误如下：“类型‘HTMLAttributes’上不存在属性‘值’

如果有人能帮助我解决这个错误，我将永远感激不已，因为我已经遇到这个问题好几天了。

问候。