Reactjs 当您单击其文本框时，使自动建议列出所有项目

我正在尝试使用能够列出所有项目时，我们点击文本框，以及做基本的自动完成功能。但它似乎无法做到这一点，除非我错了

我尝试使用上面的方法，但它不起作用，我不确定是否有完整的列表可以让我正确地实现它，因为我需要在

onClick

事件中显示列表。有没有什么方法可以让这项功能发挥作用，或者有没有更好的插件来完成我正在尝试的工作？

看看哪个插件有自动建议，当文本框处于焦点时会显示建议，如果我没有错的话，这就是你想要的

基本上，

shouldRenderSuggestions

prop就是这样做的

function getSuggestions(value) {
  const escapedValue = escapeRegexCharacters(value.trim());

  if (escapedValue === '') {
    return languages;
  }

  const regex = new RegExp('^' + escapedValue, 'i');

  return languages.filter(language => regex.test(language.name));
}