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

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 индивидуально.