React-tags: V6

Созданный на 14 нояб. 2017 · 11Комментарии · Источник: i-like-robots/react-tags

Это комплексный метод отслеживания изменений V6 и исправлений ошибок.

[x]> = React 16 (# 113)
[x] Удалить вариант autofocus по простой причине
[x] Объедините параметры delimiters и delimiterChars , используя KeyboardEvent.key
[x] обратные вызовы событий должны быть переименованы с handleX на onX (# 91).
[x] handleInputChange следует переименовать в onInput
[x] Сделать listBoxId настраиваемым
[x] Поддержка модулей ES6, pkg.module (# 112)
[x] Фильтрация опции рефакторинга в компонент верхнего уровня (# 115)
[x] Разрешить настраивать весь текст (CC # 154)
[x] Пользовательский компонент подсказок (CC # 117)
[x] Рефакторинг имен классов вне состояния, чтобы избежать создания новых объектов при каждом изменении свойства (# 147)
[x] Удалить опцию clearInputOnDelete и не очищать ввод при удалении тега (# 155)

Источник

i-like-robots

Все 11 Комментарий

Есть ли план выпустить это?

mklopets 23 июл. 2018

😕1

Хотел бы использовать компонент настраиваемых предложений! Будет ли выпущена 6.0?

drichar 1 мая 2019

Я опубликовал [email protected] в npm, попробуйте и дайте мне знать, если возникнут проблемы!

i-like-robots 1 мая 2019

@ i-like-robots Есть ли планы по рефакторингу с помощью хуков? Может начать с примеров?

theJian 16 мая 2019

@theJian Нет, еще нет. Хотя начинать с примеров кажется хорошей идеей.

i-like-robots 16 мая 2019

Когда вы планируете объединить это? :)

filippofilip95 23 авг. 2019

К сожалению, я не получил никаких отзывов о бета-версии, поэтому я не хотел ее выпускать. Если вы хотите попробовать, то в readme есть инструкции:

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

i-like-robots 23 авг. 2019

👍1

Спасибо за быстрый ответ 👍 Я протестировал его сейчас, и он работает отлично 😄 Просто следовал инструкциям по миграции 🥇

Наша реализация минимальна. Но могу подтвердить, что это работает :)

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

filippofilip95 23 авг. 2019

👍1

При использовании асинхронного поиска для получения предложений компонент не будет работать правильно и не будет синхронизироваться с предложениями, предоставленными через реквизиты.
Из кода кажется, что он не рассматривает изменения из предложений по обновлению своего внутреннего состояния.

PS: Похоже, что бета-версия теперь устанавливается по умолчанию, когда вы выполняете «npm i response-tag-autocomplete». Мне потребовалось время, чтобы понять, почему handleInputChange не работает.

coxom 2 мар. 2020

👍1

Спасибо за головы о неправильных тегах распределения НОГО @coxom, это было исправлено здесь .

i-like-robots 4 мар. 2020

@coxom Я решил асинхронную выборку onInput с помощью @ i-like-robots это ошибка?

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

РЕДАКТИРОВАТЬ: я внес некоторые изменения и, наконец, добавил поддержку большего набора результатов с включенным скроллером и перемещением скроллера с фокусом на клавиши вверх и вниз