DataSearch разрешает отправку только одного запроса

Я использую DataSearch от Reactivesearch и на моей странице / результатах пользователь не может отправить более 1 запроса, что может быть проблематично, если первый поиск не дает хороших результатов. Функция автозаполнения перестает работать, и в раскрывающемся списке не отображаются предложения. Как это можно исправить?

Вот компонент DataSearch

<DataSearch
  placeholder="Search..."
  componentId="q"
  dataField={["firstname"]}
  className="autocomplete-search-bar"
  icon={(<i className="fa fa-search fa-lg search-icon"></i>)}
  showClear={false}
  iconPosition="right"
  style={{}}
  innerClass={{title: "text-title",input: "text-input",list: "text-item"}}
  react={{ "or": ["q"] }}
  onValueSelected={(value, cause, source) => {
    if (cause !== 'SUGGESTION_SELECT') {
      // use this query
      console.log('use this query - onValueSelected: ', this.query);
      this.setState({ redirect:true, value: value });
      this.props.history.push(`/search?q="${value}"`);
    } else {
      this.valueSelected = true;
      this.setState({ value });
    }
  }}
  onQueryChange = {(prevQuery, nextQuery) => {
      this.query = nextQuery;
      if (this.valueSelected) {
        // use this query
        console.log('use this query - onQueryChange: ', this.query);
        this.valueSelected = false;
        this.setState({
          redirect: true
        });
      }
    }}
  />

0 ответов

Другие вопросы по тегам