我需要一个react的模糊查询的代码

好的，以下是一个基于React的模糊查询代码示例：

首先，在你的React组件中引入React和相关依赖：

import React, { useState } from 'react';
import PropTypes from 'prop-types';

然后创建一个包含输入框和列表的组件：

const Autocomplete = ({ options }) => {
  const [inputValue, setInputValue] = useState('');
  const [filteredOptions, setFilteredOptions] = useState([]);

  const handleInputChange = (event) => {
    const { value } = event.target;
    setInputValue(value);

    const filtered = options.filter((option) =>
      option.toLowerCase().includes(value.toLowerCase())
    );

    setFilteredOptions(filtered);
  };

  return (
    <div>
      <input type="text" value={inputValue} onChange={handleInputChange} />
      <ul>
        {filteredOptions.map((option) => (
          <li key={option}>{option}</li>
        ))}
      </ul>
    </div>
  );
};

Autocomplete.propTypes = {
  options: PropTypes.arrayOf(PropTypes.string).isRequired,
};

在这个示例中，输入框的值绑定到`inputValue`变量上，每次输入框的值改变时都会触发`handleInputChange`函数。`handleInputChange`函数会根据输入框的值过滤出符合条件的选项，并将它们存储在`filteredOptions`变量中。最后，渲染出符合条件的选项列表。

这是一个基本的模糊查询的React代码示例。你可以根据需要对其进行修改和扩展。