React-tags: V6

Creado en 14 nov. 2017 · 11Comentarios · Fuente: i-like-robots/react-tags

Este es un problema general que rastrea los cambios de V6 y las correcciones de errores.

[x]> = Reaccionar 16 (# 113)
[x] Elimina la opción autofocus por todos los motivos
[x] Combinar las opciones delimiters y delimiterChars usando KeyboardEvent.key
[x] las devoluciones de llamada de eventos deben cambiarse de nombre de handleX a onX (# 91)
[x] handleInputChange debería cambiarse de nombre onInput
[x] Hacer listBoxId configurable
[x] Admite módulos ES6, pkg.module (# 112)
[x] Opción de refactorización que se filtra en el componente de nivel superior (n. ° 115)
[x] Permitir que todo el texto sea configurable (CC # 154)
[x] Componente de sugerencias personalizadas (CC # 117)
[x] Refactorizar los nombres de las clases fuera del estado para evitar la creación de nuevos objetos en cada cambio de propiedad (# 147)
[x] Elimine la opción clearInputOnDelete y no borre la entrada al eliminar una etiqueta (# 155)

Fuente

i-like-robots

Todos 11 comentarios

¿Hay algún plan para publicar esto?

mklopets en 23 jul. 2018

😕1

¡Me encantaría utilizar el componente de sugerencias personalizadas! ¿Se lanzará 6.0?

drichar en 1 may. 2019

He publicado [email protected] en npm, por favor pruébelo y avíseme si hay algún problema.

i-like-robots en 1 may. 2019

@ i-like-robots ¿Algún plan para refactorizar usando Hooks? ¿Quizás comenzando con ejemplos?

theJian en 16 may. 2019

@theJian No, todavía no. Sin embargo, comenzar con los ejemplos parece una buena idea.

i-like-robots en 16 may. 2019

¿Cuándo planeas fusionar esto? :)

filippofilip95 en 23 ago. 2019

Lamentablemente, no he recibido ningún comentario sobre la versión beta, por lo que me he mostrado reacio a publicarla. Si desea probarlo, hay instrucciones en el archivo Léame 😄:

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

i-like-robots en 23 ago. 2019

👍1

Gracias por la respuesta rápida 👍 Lo he probado ahora y funciona a la perfección 😄 Solo seguí las instrucciones de migración 🥇

Nuestra implementación es mínima. Pero puedo confirmar que esto funciona :)

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

filippofilip95 en 23 ago. 2019

👍1

Cuando se utiliza una búsqueda asíncrona para obtener las sugerencias, el componente no funcionará correctamente y no estará sincronizado con las sugerencias proporcionadas a través de los accesorios.
Desde el código, parece que no está buscando cambios de sugerencias para actualizar su estado interno.

PD: Parece que la versión beta es ahora la versión predeterminada que se instala cuando haces "npm i react-tag-autocomplete". Me tomó un tiempo entender por qué handleInputChange no funcionaba.

coxom en 2 mar. 2020

👍1

Gracias por el aviso sobre las etiquetas de distribución npm incorrectas @coxom , esto se ha corregido aquí .

i-like-robots en 4 mar. 2020

@coxom Resolví onInput async fetch con @ i-like-robots es este error?

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

EDITAR: Hice algunos cambios y finalmente agregué soporte para un conjunto de resultados más grande con el desplazamiento habilitado y el movimiento de desplazamiento enfocado hacia arriba y hacia abajo