如何将DataSearch用作Reactivesearch的受控组件?

时间:2019-05-03 19:43:06

标签: reactjs reactivesearch controlled-component

我是ReactiveSearch库的新手,我实现了带有自动提示功能的DataSearch组件作为我的站点SearchBar。我添加了var faculties = ['First Faculty', 'Second Faculty']; var new_datasets = [ [ { label: "First", data: [1] }, { label: "Second", data: [5] } ], [ { label: "First", data: [7] }, { label: "Second", data: [2] } ], ]; new Chart(f, { type: "bar", data: { labels: faculties, datasets: new_datasets }, options: { scales: { yAxes: [{ ticks: { min: 0 } }] } } }) value以便将输入值存储为状态,但是一旦添加了onChange道具,就无法再输入搜索栏。怎么了?

我还想知道当我单击建议之一来触发某些事件时可以使用哪种回调函数,我尝试了value,但是没有用。这是我的代码,不胜感激!

onClick

1 个答案:

答案 0 :(得分:1)

onChange返回更新后的值,而不返回Synthetic Event。我已经从文档中更新了DataSearch组件的演示以使用受控行为。

我还添加了一个回调,当您选择任何建议时都会调用该回调。您可以使用downShiftProps来实现。

检查应用here。您还可以阅读有关此道具here的更多信息。

希望这会有所帮助!