reactjs - 带有提交按钮的 ComponentSearch

Question

我需要帮助才能使组件搜索仅在单击提交按钮或按回车键时启动。不像用户类型。

我已经设置了我的状态并使用 onValueChange 方法来获取输入的值作为按钮

state={
        searchText: ""
    }
......
...
onValueChange= {(e) => this.setState({searchText:e.target.value})}

  <button type="button >
       Search
  </button>

我希望我的按钮获得该值并在点击提交或按 Enter 时运行查询。感谢帮助

Answer 1

您可以在此处阅读有关 ReactiveSearch 中受控行为的文档。我还为您在此处查看演示的上述情况实现了一个小示例。

Answer 2

只需
在搜索按钮的 onClick 事件上将状态（例如 showResult）设置为 true，
然后将条件添加到结果列表或结果卡中即可。

像这样：

{showResult ? 
 (<ReactiveList
    componentId="results"
    dataField={selected}
    size={15}
    sortBy={sort}
    loader={<ProductLoader />}
    react={{
     and: andQuery
    }}
    onAllData={(results, loadMoreData) => this.getProduct(results)}
   />)
 : ""}