React-tags: 自动选择第一个建议

创建于 2016-11-01  ·  9评论  ·  资料来源: i-like-robots/react-tags

这是目前可能的吗?
我认为这将有助于用户体验。 输入,输入,输入,输入。 而不是输入,向下,输入,输入,向下,输入。

question

最有用的评论

@i-like-robots 关于何时合并的任何更新? 🙏

所有9条评论

我想这取决于是否设置了allowNew标志,也许当这是错误的(只能选择建议的标签)时才有意义?

嗨@i-like-robots

它不像你说的那样,我看到代码总是设置 selectedIndex = -1

我可以推动更改吗,我让它工作了? 因为我希望自动选择第一个项目,因此用户可以更轻松地选择第一个项目。

还需要修复才能很好地工作 TAB 键,当 minQueryLength = 0 时,这也是。

这是一个好主意,无论是否设置了allowNew ,自动聚焦第一个建议意味着您只需按 Enter 键即可选择它,而不是单击或按下才能选择它。

添加了拉取请求,请查看更改。
PR - 自动选择第一项

重新阅读我的评论,现在意识到为什么allowNewtrue 。 我会说启用此行为是allowNewfalse但如果它是true则不是。

@i-like-robots 关于何时合并的任何更新? 🙏

我们也希望在我们的项目中使用这个选项,如果它会进入 v6,有什么消息吗? 我们目前使用的是 v6 beta 3

目前正在为我们正在开发的 atm 项目寻找相同的解决方案。 希望看到有关此问题的一些动向。 :)

对于那些想要解决方法的人:

useEffect(() => {
     if (suggestions.length > 0) {
          // library doesn't auto-select the first item in the list
          inputRef.current.setState({  index: 0 });
     }
     else {
          // if no results, don't want to highlight
          inputRef.current.setState({ index: -1 });
     }
}, [suggestions]);

您的inputRef是您元素的引用。

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

yrik picture yrik  ·  10评论

luciemac picture luciemac  ·  7评论

jraack picture jraack  ·  6评论

williamsidewalk picture williamsidewalk  ·  4评论

V6
i-like-robots picture i-like-robots  ·  11评论