如何使用react钩子在字段更改时重新获取数据

import React, { useState, useEffect } from 'react';

const [fieldValue, setFieldValue] = useState('');

useEffect(() => {
  // 在这里调用获取数据的函数
  fetchData();
}, [fieldValue]);

const handleFieldChange = (event) => {
  setFieldValue(event.target.value);
}

import React, { useState, useEffect } from 'react';

const YourComponent = () => {
  const [fieldValue, setFieldValue] = useState('');

  useEffect(() => {
    fetchData();
  }, [fieldValue]);

  const fetchData = () => {
    // 在这里编写获取数据的逻辑
    // 可以使用fetch或axios等工具发送HTTP请求
    // 根据字段的值来获取相应的数据
  }

  const handleFieldChange = (event) => {
    setFieldValue(event.target.value);
  }

  return (
    <div>
      <input type="text" value={fieldValue} onChange={handleFieldChange} />
      {/* 其他组件内容 */}
    </div>
  );
}

export default YourComponent;