Javascript Recactjs自动完成组件出现错误

我是新来的。我试图在我的应用程序中以及给定的链接中重用ready autocomplete select组件。如果在输入框中找不到该组件，则会出现此错误。要查看错误，只需键入xyz并按enter键，然后在控制台中检查错误：-

警告：组件正在将文本类型的受控输入更改为 不受控制。输入元素不应从受控切换到 不受控制（反之亦然）。决定是使用受控的还是 部件寿命期内的非受控输入元件。更多 信息：

---

搜索此错误后，我发现当任何未初始化状态更改时，它会抛出此警告。但在这段代码中，我可以看到所有状态都已初始化。我不明白为什么会这样？不管怎样，我是新来的，所以我肯定错过了什么。请让我知道如何修复此错误

这是因为在

onKeyDown

处理程序的第一个条件中，它正在设置

userInput

的状态，以便执行以下操作：

filteredSuggestions[activeSuggestion]

但是，如果未进行建议的匹配，则数组

filteredSuggestions

将为空，

activeSuggestion

将为

0

，这将导致

用户输入的
值未定义

就像说：


const mySuggestions=[]；
让选择=0；
console.log（mySuggestions[choice]）；//未定义