0

我正在尝试设置react-boostrap-typeahead以从redux商店获取数据，并将预输入状态存储为react-final-form. 问题在于react-bootstrap-typeahead它附加了多个状态，这两个状态都需要跟踪才能使此设置正常工作。

  1. 文本输入状态
  2. 选择的选项

我解决此问题的首选方法涉及final-form-set-field-data并在此处进行说明： https ://codesandbox.io/s/rl81o5765o

该代码将无法正常工作，因为Form组件不知道字段数据的更改。有没有更好的方法来解决这个问题？

4

1 回答 1

2

我在这里想出了一个解决方案：

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

方法是引入一个withKeywordHoC，利用final-form-set-field-data注入 akeyword和updateKeywordprops 到该字段。ATypeahead必须单独连接到redux商店。

于 2018-06-03T09:34:52.563 回答