Я использую реагировать на выбор в качестве выпадающего списка. Я построил свой ввод таким образом, чтобы при вводе выбора выбирался отклоненный сетевой запрос, а затем - раскрывающиеся параметры.
Код находится здесь:
https://codesandbox.io/embed/nameless-leftpad-o3zwl
В основном, что происходит в приведенном выше коде, это то, что я создаю массив реагирующих выборок, добавляю и удаляю один, когда нажимаются кнопки добавления или удаления.
Я использую пользовательский ввод, чтобы я мог получить ссылку обратного вызова, присоединенную к входному DOM-узлу, и автоматически сфокусировать его, когда нажата кнопка «добавить выбор».
Первая проблема:
- Приложение загружает
- Невозможно щелкнуть по первому входу
Второй выпуск:
- Приложение загружает
- Нажмите «Добавить выбор»
- Автофокус применяется к новому выбору
- Начните вводить и дождитесь разрешения сетевого запроса
- Нажмите «Добавить выбор»
- Нажмите на ранее набранное select
- Попробуйте набрать
- Наблюдать - ввод теряет фокус после первого символа
А вот моя отредактированная версия без использования обратного вызова полностью:
https://codesandbox.io/embed/competent-cookies-tkfhc
Проблема все еще остается
- Попробуйте ввести во ввод
- После ввода одного символа фокус переходит на тело