Dies ist ein allgemeines Problem bei der Verfolgung von V6-Änderungen und Fehlerbehebungen.
autofocus
Option aus a11y Gründen entfernendelimiters
und delimiterChars
mit KeyboardEvent.key
handleX
in onX
(#91)handleInputChange
sollte umbenannt werden in onInput
listBoxId
konfigurierbar machenpkg.module
(#112)clearInputOnDelete
entfernen und Eingabe beim Löschen eines Tags nicht löschen (#155)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 :)
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
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