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

Question

我正在尝试使用 react InstantSearch 的 searchBox 并使用 Hit 将数据显示在单独的组件中，但是不起作用。

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

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