整合反应 - 还原反应，反应 - 最终形式和反应 - 引导 - 先行

Question

我尝试设置react-boostrap-typeahead以从redux商店获取数据，并将先行状态与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商店。