(Next/react)从子组件中的按钮单击刷新SWR -我可以使用回调吗？？(函数对函数)

npm install swr

import useSWR from 'swr';

const fetcher = (url) => fetch(url).then((res) => res.json());

const ParentComponent = () => {
  const { data, error } = useSWR('/api/data', fetcher);

  if (error) return <div>Failed to load data</div>;
  if (!data) return <div>Loading...</div>;

  return (
    <div>
      <ChildComponent refreshData={fetcher} />
      {/* 渲染子组件，并将fetcher函数作为props传递给子组件 */}
    </div>
  );
};

const ChildComponent = ({ refreshData }) => {
  const handleClick = () => {
    refreshData('/api/data');
  };

  return (
    <div>
      <button onClick={handleClick}>Refresh Data</button>
    </div>
  );
};