React-tags: V6

Erstellt am 14. Nov. 2017  ·  11Kommentare  ·  Quelle: i-like-robots/react-tags

Dies ist ein allgemeines Problem bei der Verfolgung von V6-Änderungen und Fehlerbehebungen.

  • [x] >= Reagiere 16 (#113)
  • [x] autofocus Option aus a11y Gründen entfernen
  • [x] Führe die Optionen delimiters und delimiterChars mit KeyboardEvent.key
  • [x] Ereignisrückrufe sollten von handleX in onX (#91)
  • [x] handleInputChange sollte umbenannt werden in onInput
  • [x] listBoxId konfigurierbar machen
  • [x] Unterstützt ES6-Module, pkg.module (#112)
  • [x] Refactoring-Optionsfilterung in Komponente der obersten Ebene (#115)
  • [x] Zulassen, dass der gesamte Text konfigurierbar ist (CC #154)
  • [x] Komponente für benutzerdefinierte Vorschläge (CC #117)
  • [x] Refaktorieren Sie Klassennamen aus dem Status, um zu vermeiden, dass bei jeder Prop-Änderung neue Objekte erstellt werden (#147)
  • [x] Option clearInputOnDelete entfernen und Eingabe beim Löschen eines Tags nicht löschen (#155)

Alle 11 Kommentare

Gibt es einen Plan, dies zu veröffentlichen?

Würde gerne die benutzerdefinierte Vorschlagskomponente verwenden! Wird 6.0 veröffentlicht?

Ich habe [email protected] für npm veröffentlicht, bitte probiere es aus und lass es mich wissen, wenn es irgendwelche Probleme gibt!

@i-like-robots Irgendein Plan zum Refactoring mit Hooks? Vielleicht mit Beispielen beginnen?

@theJian Nein noch nicht. Mit den Beispielen anzufangen klingt aber nach einer guten Idee.

Wann planen Sie diese zusammenzuführen? :)

Leider habe ich kein Feedback zur Beta-Version erhalten, daher zögere ich, sie zu veröffentlichen. Wenn du es ausprobieren möchtest, dann gibt es eine Anleitung in der Readme 😄 :

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

Danke für die schnelle Antwort 👍 Ich habe es jetzt getestet und es funktioniert wie von Zauberhand 😄 Habe gerade deine Migrationsanweisungen befolgt 🥇

Unsere Implementierung ist minimal. Aber ich kann bestätigen, dass das funktioniert :)

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

Wenn Sie eine asynchrone Suche verwenden, um die Vorschläge abzurufen, funktioniert die Komponente nicht richtig und wird nicht mehr mit den über Props bereitgestellten Vorschlägen synchronisiert.
Der Code sieht so aus, als würde er nicht nach Änderungen von Vorschlägen suchen, um seinen internen Zustand zu aktualisieren.

PS: Scheint, als ob die Beta-Version jetzt die Standardversion ist, die installiert wird, wenn Sie "npm i relay-tag-autocomplete" ausführen. Ich brauchte eine Weile, um zu verstehen, warum handleInputChange nicht funktionierte.

Vielen Dank für das Heads - up über falsche npm Verteilung Tags @coxom, dies wurde korrigiert hier .

@coxom Ich habe onInput async fetch gelöst mit @i-like-robots ist dieser Fehler?

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

BEARBEITEN: Ich habe einige Änderungen vorgenommen und endlich die Unterstützung für größere Ergebnismengen mit aktiviertem Scroller und KeyUP- und Down-fokussierten Scroller-Bewegungen hinzugefügt
image

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

filippofilip95 picture filippofilip95  ·  4Kommentare

ekinalcar picture ekinalcar  ·  10Kommentare

luciemac picture luciemac  ·  7Kommentare

famouspotatoes picture famouspotatoes  ·  5Kommentare

thienanle picture thienanle  ·  9Kommentare