ReactiveSearch только автозаполнение

Question

Я хочу использовать библиотеку ReactiveSearch только для автозаполнения с отправкой.

const Search = () => (
  <div className="search-field">
    <ReactiveBase
      app="good-books-ds"
      credentials="nY6NNTZZ6:27b76b9f-18ea-456c-bc5e-3a5263ebc63d"
    >
      <div className="row">
        <div className="col">
          <DataSearch
            dataField={['original_title', 'original_title.search']}
            categoryField="authors.raw"
            componentId="BookSensor"
          />
        </div>
      </div>
    </ReactiveBase>
  </div>
)

export default Search

Я попытался сделать ввод, как указано выше, с <DataSearch ... />, и он работает, но у него нет опции отправки. Я пытался обернуть его формой, но после ввода или выбора значения он не срабатывает.

Есть предложения?

Answer 1

ReactiveSearch теперь поддерживает опору onValueSelected, которая идеально подходит для случаев, когда вы заинтересованы только в использовании выбранного значения (либо выбор предложения, либо нажатие клавиши Enter). Документы и пример использования:

<DataSearch
  ...
  onValueSelected={(value) => console.log('The selected value is', value)}
/>

Answer 2

https://opensource.appbase.io/reactive-manual/search-components/datasearch.html

вам нужно внимательно прочитать документ, есть обработчик onValueChange, поэтому, когда вы вводите что-то, вы можете сначала установить состояние, установить начальное состояние state = {searchText: ""} вверху, после чего в опоре поиска данных вы можете сделать следующее

<DataSearch onValueChange = {(e) => this.setState({searchText: value})} />

теперь создайте собственную кнопку и отправьте значение в состояние, например this.state.searchText