如何为Algolia React即时搜索键入自定义小工具？

npm install algoliasearch react-instantsearch-dom

import algoliasearch from 'algoliasearch';

const client = algoliasearch('YOUR_APP_ID', 'YOUR_API_KEY');
const index = client.initIndex('YOUR_INDEX_NAME');

import React from 'react';
import { InstantSearch, SearchBox } from 'react-instantsearch-dom';

const Search = () => (
  <InstantSearch indexName="YOUR_INDEX_NAME" searchClient={client}>
    <SearchBox />
    {/* 其他搜索结果组件 */}
  </InstantSearch>
);

export default Search;

import React from 'react';
import { InstantSearch, SearchBox, Hits } from 'react-instantsearch-dom';

const Search = () => (
  <InstantSearch indexName="YOUR_INDEX_NAME" searchClient={client}>
    <SearchBox />
    <Hits />
  </InstantSearch>
);

export default Search;

import React from 'react';
import { InstantSearch, SearchBox, Hits } from 'react-instantsearch-dom';

const Search = () => (
  <InstantSearch indexName="YOUR_INDEX_NAME" searchClient={client}>
    <SearchBox />
    <Hits />
  </InstantSearch>
);

export default Search;