如何在React Dropzone Uploader中持久化我的自定义预览组件？

import React, { useState } from 'react';
import Dropzone from 'react-dropzone-uploader';
import CustomPreview from './CustomPreview';

const App = () => {
  const [uploadedFiles, setUploadedFiles] = useState([]);

  const handleChangeStatus = ({ meta, file }, status) => {
    if (status === 'done') {
      const uploadedFile = {
        name: meta.name,
        url: 'https://example.com/' + meta.name, // 替换为实际的文件URL
        size: meta.size,
      };

      setUploadedFiles(prevFiles => [...prevFiles, uploadedFile]);
    }
  };

  return (
    <div>
      <Dropzone
        onChangeStatus={handleChangeStatus}
        inputContent="将文件拖放到此处，或单击以选择文件"
        PreviewComponent={CustomPreview}
      />
      {uploadedFiles.map(file => (
        <div key={file.name}>
          <a href={file.url}>{file.name}</a>
        </div>
      ))}
    </div>
  );
};

export default App;