Реагировать мгновенный поиск | Algolia - PullRequest
Новая
       14

Реагировать мгновенный поиск | Algolia

0 голосов
/ 10 марта 2020

Я пытаюсь использовать searchBox из реагировать InstantSearch и использовать Хиты , чтобы показать данные в отдельном компоненте, но он не работает.

Чтобы упростить мою идею, у меня есть компонент с именем Searching navbar, а другой - с именем Items container.

. Я хочу использовать поле поиска из Searching navbar и отобразить данные в Items container

Можно ли сделать это так или мне нужно придерживаться одного компонента? D 

`

<InstantSearch indexName="wp_searchable_posts" searchClient={searchClient} searchState={this.state.searchTerm || {
    query: 'admissions' }} onSearchStateChange={this.onSearchStateChange}>
    <Grid container spacing={24}>
        <Grid item s={12}>
            <SearchBox autofocus={true} />
            <Stats />
            <InfiniteHits hitComponent={Hit} />
        </Grid>
        {/* TODO: Align these more precisely */}
        {/* <Grid item s={3} style={{ alignSelf: 'center', marginTop: 4 }}>
            <HierarchicalMenu attributes={[ 'post_type_label' , 'taxonomies_hierarchical.faculty-departments.lvl0' ]}
                limit={50} rootPath={null} separator=" > " showMore={false} showMoreLimit={20} showParentLevel /> */}
            {/* </Grid> */}
    </Grid>
</InstantSearch>`

Этот код я использую для отображения поля поиска с результатами.

...