使用props从ElasticSearch查询(React)

import React, { useEffect, useState } from 'react';
import { Client } from '@elastic/elasticsearch';

const SearchComponent = (props) => {
  const [results, setResults] = useState([]);

  useEffect(() => {
    const search = async () => {
      const client = new Client({ node: 'http://localhost:9200' }); // 创建ElasticSearch客户端

      const { body } = await client.search({
        index: 'my_index',
        body: {
          query: {
            match: {
              title: props.query // 使用props中的查询参数
            }
          }
        }
      });

      setResults(body.hits.hits);
    };

    search();
  }, [props.query]);

  return (
    <div>
      {results.map((result) => (
        <div key={result._id}>{result._source.title}</div>
      ))}
    </div>
  );
};

export default SearchComponent;