React-tags: V6

Criado em 14 nov. 2017 · 11Comentários · Fonte: i-like-robots/react-tags

Este é um problema geral que acompanha as alterações do V6 e correções de bugs.

[x]> = Reação 16 (# 113)
[x] Remova a opção autofocus por todos os motivos
[x] Combine delimiters e delimiterChars opções usando KeyboardEvent.key
[x] retornos de chamada de evento devem ser renomeados de handleX para onX (# 91)
[x] handleInputChange deve ser renomeado para onInput
[x] Tornar listBoxId configurável
[x] Suporte para módulos ES6, pkg.module (# 112)
[x] Refatorar a filtragem de opção no componente de nível superior (# 115)
[x] Permitir que todo o texto seja configurável (CC # 154)
[x] Componente de sugestão personalizada (CC # 117)
[x] Refatore os nomes das classes fora do estado para evitar a criação de novos objetos em cada mudança de prop (# 147)
[x] Remova a opção clearInputOnDelete e não limpe a entrada ao excluir uma tag (# 155)

Fonte

i-like-robots

Todos 11 comentários

Existe um plano para liberar isso?

mklopets em 23 jul. 2018

😕1

Adoraria utilizar o componente de sugestão personalizada! O 6.0 será lançado?

drichar em 1 mai. 2019

Publiquei [email protected] para npm, experimente e me avise se houver algum problema!

i-like-robots em 1 mai. 2019

@ i-like-robots Algum plano para refatorar usando Hooks? Talvez começando com exemplos?

theJian em 16 mai. 2019

@theJian Não, ainda não. Começar com os exemplos parece uma boa ideia.

i-like-robots em 16 mai. 2019

Quando você planeja mesclar isso? :)

filippofilip95 em 23 ago. 2019

Infelizmente, não recebi nenhum feedback sobre o lançamento beta, então estou relutante em lançá-lo. Se você quiser experimentá-lo, há instruções no leia-me 😄:

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

i-like-robots em 23 ago. 2019

👍1

Obrigado pela resposta rápida 👍 Eu testei agora e funciona perfeitamente 😄 Apenas segui suas instruções de migração 🥇

Nossa implementação é mínima. Mas posso confirmar que isso funciona :)

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

filippofilip95 em 23 ago. 2019

👍1

Ao usar uma pesquisa assíncrona para buscar as sugestões, o componente não funcionará corretamente e ficará fora de sincronia com as sugestões fornecidas por adereços.
Pelo código, parece que ele não está procurando alterações nas sugestões para atualizar seu estado interno.

PS: Parece que a versão beta agora é a versão padrão instalada quando você faz "npm i react-tag-autocomplete". Levei um tempo para entender por que handleInputChange não estava funcionando.

coxom em 2 mar. 2020

👍1

Obrigado pelo aviso sobre tags de distribuição npm incorretas @coxom , isso foi corrigido aqui .

i-like-robots em 4 mar. 2020

@coxom eu resolvi na busca assíncrona de entrada com @ i-like-robots é esse bug?

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

EDITAR: Fiz algumas alterações e finalmente adicionei suporte para um conjunto maior de resultados com o scroller habilitado e tecla UP e Down com foco no movimento do scroller