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
});
}
}}
/>