在表单上反应Bootstrap Typeahead用法？

Question

我正在尝试在表单上使用预输入，

我有以下内容：

import { Typeahead as RBTypeahead } from 'react-bootstrap-typeahead';

...

<RBTypeahead
  inputProps={{
    name: "myForm.value",
    value: "Australia"
  }}
  ref={(component) => this.typeahead = component.getInstance()}
/>

对于表单字段，我通常使用AvField（来自此库：https://availity.github.io/availity-reactstrap-validation/）

通常我将模型设置为：

<AvForm model={{ myForm: { value: "Cheese" } }}>
    <AvField name="myForm.value">
</AvForm

AvField的值将设置为myForm.value的值，在上面的示例中为“ Cheese”。 但是现在我已经放下了Typeahead组件，而且我不知道如何使它很好地协同工作。

理想情况下，我想附加Typeahead以使用AvField，以便获得某种形式的验证支持（这是我使用的表单库的目的）。

在最坏的情况下，我是否可以提前输入以从模型中读取值以自行设置值。然后，当用户更改键入内容时，是否将值与表单一起提交？