Интегрирование типа "реакционный-редукс", "реактивно-финальная форма" и "реактивный бутстрап" впереди

Question

Я пытаюсь настроить react-boostrap-typeahead чтобы получить данные из redux хранить и иметь состояние typeahead для хранения с react-final-form, Проблема в том, что react-bootstrap-typeahead к нему подключено более одного состояния, оба из которых нуждаются в отслеживании для работы этой настройки.

1. Состояние ввода текста
2. Выбранный вариант

Мой предпочтительный подход к решению этой проблемы включает в себя final-form-set-field-data и показано здесь: https://codesandbox.io/s/rl81o5765o

Этот код не будет работать правильно, потому что Form Компонент не знает об изменениях данных поля. Есть ли лучший подход к решению этой проблемы?

Answer 1

Я нашел решение здесь:

https://codesandbox.io/s/5m4w2909k

Подход заключается в том, чтобы ввести withKeyword HoC, который использует final-form-set-field-data ввести keyword а также updateKeyword реквизит на поле. Typeahead должен быть подключен к redux хранить индивидуально.