react hook useEffect在单击按钮时获取数据(typescript)

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

const MyComponent: React.FC = () => {
  const [data, setData] = useState<any>(null);

  useEffect(() => {
    // 在这里进行数据获取的操作
    fetchData();
  }, []);

  const fetchData = async () => {
    // 使用fetch或者axios等工具发送请求获取数据
    const response = await fetch('https://api.example.com/data');
    const result = await response.json();
    setData(result);
  };

  const handleClick = () => {
    // 在按钮点击事件中调用fetchData函数获取数据
    fetchData();
  };

  return (
    <div>
      <button onClick={handleClick}>获取数据</button>
      {data && <div>{data}</div>}
    </div>
  );
};

export default MyComponent;