当使用useLazyQuery钩子调用查询时，如何挂接？

import { useLazyQuery } from '@apollo/client';

const GET_DATA = gql`
  query GetData($param: String!) {
    // 查询语句
  }
`;

const MyComponent = () => {
  const [getData, { loading, data }] = useLazyQuery(GET_DATA);
  
  // 在需要的时候调用查询
  const handleQuery = () => {
    getData({ variables: { param: 'example' } });
  }

  // 处理查询结果
  if (loading) {
    return <div>Loading...</div>;
  }

  if (data) {
    // 处理返回的数据
    return <div>{data}</div>;
  }

  return (
    <div>
      <button onClick={handleQuery}>查询数据</button>
    </div>
  );
};