javascript - 反应即时搜索 | 阿尔及利亚

Question

我正在尝试使用react instantSearch的searchBox并使用Hits在单独的组件中显示数据，但它不起作用。

为了简化我的想法，我有一个名为的组件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>`

这是我用来显示带有结果的搜索框的代码。