React-tags: V6

创建于 2017-11-14  ·  11评论  ·  资料来源: i-like-robots/react-tags

这是一个跟踪 V6 更改和错误修复的包罗万象的问题。

  • [x] >= 反应 16 (#113)
  • [x] 由于 a11y 原因删除autofocus选项
  • [x] 使用KeyboardEvent.key合并delimitersdelimiterChars选项
  • [x] 事件回调应该从handleX重命名为onX (#91)
  • [x] handleInputChange应该重新命名为onInput
  • [x] 使listBoxId配置
  • [x] 支持 ES6 模块, pkg.module (#112)
  • [x] 将选项过滤重构为顶级组件(#115)
  • [x] 允许所有文本可配置(CC #154)
  • [x] 自定义建议组件(CC #117)
  • [x] 重构状态之外的类名以避免在每次 prop 更改时创建新对象(#147)
  • [x] 删除clearInputOnDelete选项并且在删除标签时不清除输入 (#155)

所有11条评论

有没有计划发布这个?

很想使用自定义建议组件! 6.0会发布吗?

我已将[email protected]到 npm,请尝试一下,如果有任何问题,请告诉我!

@i-like-robots 有使用 Hooks 重构的计划吗? 也许从例子开始?

@theJian还没有。 不过,从示例开始听起来是个好主意。

你打算什么时候合并这个? :)

不幸的是,我没有收到任何关于测试版的反馈,所以我一直不愿意发布它。 如果您想尝试一下,那么自述文件中有说明😄:

https://github.com/i-like-robots/react-tags/tree/6.0#installation

感谢您的快速回复👍我现在已经测试过了,它就像魅力一样工作😄只是按照您的迁移说明进行操作🥇

我们的实现是最小的。 但我可以确认这是有效的:)

Screen Shot 2019-08-23 at 1 23 08 PM

当使用异步搜索来获取建议时,组件将无法正常工作,并且会与通过 props 提供的建议不同步。
从代码来看,它似乎并没有从建议中查看更改以更新其内部状态。

PS:似乎测试版现在是您执行“npm i react-tag-autocomplete”时安装的默认版本。 我花了一段时间才明白为什么 handleInputChange 不起作用。

感谢您的抬头有关不正确NPM分配标签@coxom,这已得到纠正在这里

@coxom我解决了 onInput 异步获取 @i-like-robots 是这个错误吗?

onInput = (query) => {
            return fetch(`/search/?q=${query}`).then(result => result.json()).then((suggestions) => {
                        this.tagsRef.current.setState({ query, options: suggestions, suggestions });

编辑:我做了一些更改,最后添加了对启用滚动条和 keyUP 和向下聚焦滚动条移动的更大结果集的支持
image

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

相关问题

ekinalcar picture ekinalcar  ·  10评论

luciemac picture luciemac  ·  7评论

yrik picture yrik  ·  10评论

yrik picture yrik  ·  4评论

thienanle picture thienanle  ·  9评论