0

我只想将 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 ... />并且它可以工作，但它没有提交选项。我试图用表单包装它，但是在输入或选择值后它不会触发。

有什么建议么？

4

2 回答 2

2

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

您需要仔细阅读文档有onValueChange处理程序，因此当您输入内容时，您可以设置状态首先state = {searchText: ""}在顶部设置初始状态，然后在数据搜索道具中设置您可以执行以下操作

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

现在让您拥有按钮并提交状态中的值，例如this.state.searchText

于 2018-05-08T07:45:56.157 回答
1

ReactiveSearch 现在支持一个onValueSelected非常适合您只对使用所选值感兴趣的用例（选择建议或按 Enter 键）的道具。文档和示例用法：

<DataSearch
  ...
  onValueSelected={(value) => console.log('The selected value is', value)}
/>
于 2018-07-02T17:48:34.523 回答