Реагировать на использование Bootstrap Typeahead на форме? - PullRequest
Новая
       22

Реагировать на использование Bootstrap Typeahead на форме?

0 голосов
/ 04 мая 2019

Я пытаюсь использовать typeahead в форме,

У меня есть следующее: 

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, в приведенном выше примере это «Сыр». Но теперь я бросил компонент Typeahead и не знаю, как заставить его хорошо играть вместе.

В идеале я хотел бы присоединить Typeahead для использования AvField, чтобы я мог получить некоторую поддержку проверки (что и является целью библиотеки форм, которую я использую).

В худшем случае я могу заставить typeahead прочитать значение из модели, чтобы установить значение для себя. Тогда, когда пользователь изменяет typeahead, есть значение, представленное с формой?

...