单击其文本框时,使autosuggest列出所有项目

时间:2017-05-09 20:47:22

标签: reactjs

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

http://codepen.io/moroshko/pen/LGNJMy

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));
}

我尝试使用上面的内容,但它不起作用,我不确定它是否有完整列表可以让我正确实现它,因为我需要让列表出现在onClick事件上。有没有办法让这项工作,或者是否有一个更好的插件,我想做什么?

1 个答案:

答案 0 :(得分:1)

看一下this codepen,其中包含Autosuggest,显示文本框聚焦时的建议,如果我没有错,那就是你想要的。

基本上shouldRenderSuggestions道具就是这样做的。