Search UI
打造完整 Search UI 的快捷方式
只需几行代码,即可创建搜索界面和可配置的搜索组件。利用丰富的筛选功能,您可以构建完全可定制的搜索体验,帮助用户准确找到所需的内容。
灵活
准备好使用 React
Search UI 旨在通过附带的用于 Elastic App Search 和 Elastic Site Search 的预构建连接器,无需任何配置便可与 React 配合使用。下载并导入,就这么简单。
npm install --save @elastic/react-search-ui @elastic/search-ui-app-search-connector
const connector = new AppSearchAPIConnector({
searchKey: "search-soaewu2ye6uc45dr8mcd54v8",
engineName: "national-parks-demo",
hostIdentifier: "host-2376rb"
});
export default function App() {
return (
<SearchProvider
config={{
apiConnector: connector
}}
>
{() => (
<div className="App">
<SearchBox />
<Results
titleField="title"
urlField="nps_link"
/>
</div>
)}
</SearchProvider>
);
}