如何从react钩子返回父组件的回调？比如返回上传的url列表。

import React, { useState } from 'react';

function ParentComponent() {
  const [urlList, setUrlList] = useState([]);

  const handleCallback = (url) => {
    setUrlList([...urlList, url]);
  };

  return (
    <div>
      <ChildComponent onCallback={handleCallback} />
      <ul>
        {urlList.map((url, index) => (
          <li key={index}>{url}</li>
        ))}
      </ul>
    </div>
  );
}

function ChildComponent({ onCallback }) {
  const handleUpload = () => {
    // 假设这里是上传文件的逻辑
    const uploadedUrl = 'https://example.com/uploaded-file-url';
    onCallback(uploadedUrl); // 调用父组件传递的回调函数，将上传的URL传递给父组件
  };

  return (
    <div>
      <button onClick={handleUpload}>上传文件</button>
    </div>
  );
}

export default ParentComponent;