React-tags: V6

Créé le 14 nov. 2017 · 11Commentaires · Source: i-like-robots/react-tags

Il s'agit d'un problème fourre-tout de suivi des modifications et des corrections de bugs de la V6.

[x] >= Réagir 16 (#113)
[x] Supprimer l'option autofocus pour toutes les raisons
[x] Fusionnez les options delimiters et delimiterChars en utilisant KeyboardEvent.key
[x] rappels d'événement doivent être renommés de handleX à onX (#91)
[x] handleInputChange devrait être renommé onInput
[x] Rendre listBoxId configurable
[x] Prise en charge des modules ES6, pkg.module (#112)
[x] Option de refactorisation filtrant dans le composant de niveau supérieur (#115)
[x] Permettre à tout le texte d'être configurable (CC #154)
[x] Composant de suggestion personnalisée (CC #117)
[x] Refactoriser les noms de classe hors de l'état pour éviter de créer de nouveaux objets à chaque changement d'accessoire (#147)
[x] Supprimer l'option clearInputOnDelete et ne pas effacer l'entrée lors de la suppression d'une balise (#155)

Source

i-like-robots

Tous les 11 commentaires

Y a-t-il un plan pour sortir ça ?

mklopets le 23 juil. 2018

😕1

J'adorerais utiliser le composant de suggestion personnalisée ! La version 6.0 sera-t-elle publiée ?

drichar le 1 mai 2019

J'ai publié [email protected] sur npm, essayez-le et faites-moi savoir s'il y a des problèmes !

i-like-robots le 1 mai 2019

@i-like-robots Avez-vous l'intention de refactoriser à l'aide de Hooks ? Peut-être en commençant par des exemples ?

theJian le 16 mai 2019

@theJian Non pas encore. Commencer par les exemples semble être une bonne idée cependant.

i-like-robots le 16 mai 2019

Quand prévoyez-vous de fusionner cela ? :)

filippofilip95 le 23 août 2019

Malheureusement, je n'ai reçu aucun retour sur la version bêta, j'ai donc hésité à la publier. Si vous souhaitez l'essayer, il y a des instructions dans le readme 😄 :

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

i-like-robots le 23 août 2019

👍1

Merci pour la réponse rapide 👍 Je l'ai testé maintenant et cela fonctionne comme un charme 😄 Je viens de suivre vos instructions de migration 🥇

Notre implémentation est minimale. Mais je peux confirmer que cela fonctionne :)

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

filippofilip95 le 23 août 2019

👍1

Lorsque vous utilisez une recherche asynchrone pour récupérer les suggestions, le composant ne fonctionnera pas correctement et se désynchronisera avec les suggestions fournies via les accessoires.
D'après le code, il semble qu'il n'examine pas les modifications apportées aux suggestions pour mettre à jour son état interne.

PS : On dirait que la version bêta est maintenant la version par défaut installée lorsque vous faites "npm i react-tag-autocomplete". Il m'a fallu un certain temps pour comprendre pourquoi handleInputChange ne fonctionnait pas.

coxom le 2 mars 2020

👍1

Merci pour l' avertissement concernant les balises de distribution npm incorrectes ici .

i-like-robots le 4 mars 2020

@coxom j'ai résolu la récupération asynchrone onInput avec @i-like-robots est-ce un bug ?

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

EDIT : j'ai apporté quelques modifications et j'ai finalement ajouté la prise en charge d'un ensemble de résultats plus large avec le défileur activé et le déplacement du défileur concentré sur les touches UP et Down