SearchkitReact 建立的 UI 組件

Searchkit 是一套由 React 建立的 UI 組件，它旨在快速創(chuàng)建好看的搜索應(yīng)用程序。

示例代碼：

const host = "https://kili-eu-west-1.searchly.com/movies/"const 
sk = new SearchkitManager(host, {  multipleSearchers:false,  basicAuth:"read:teetndhjnrspbzxxyfxmf5fb24suqxuj"})
class App extends React.Component {

  <SearchkitProvider searchkit={sk}>
    <div>
      <div className="example-search-site__query">
        <SearchBox
         autofocus={true}
         searchOnChange={true}
         prefixQueryFields={["actors^1","type^2","languages","title^10"]}/>
      </div>
      <div className="example-search-site__applied-filters">
        <SelectedFilters/>
        <ResetFilters/>
        <HitsStats/>
      </div>
      <div className="example-search-site__filters">
        <HierarchicalMenuFilter
          fields={["type.raw", "genres.raw"]}
          title="Categories"
          id="categories"/>
        <RefinementListFilter
          id="actors"
          title="Actors"
          field="actors.raw"
          operator="AND"
          size={10}/>
      </div>
      <div className="example-search-site__results">
        <Hits hitsPerPage={10}/>
      </div>
    </div>
  </SearchkitProvider>
}ReactDOM.render((
  <App/>
),  document.getElementById('root'))