Antd Pro的上传组ProFormUploadButton用不了onPreview，要怎么设置预览？

Question

Antd Pro的上传组ProFormUploadButton用不了onPreview，要怎么设置预览

图片上传之后会有个小眼睛，我想点击它就可以弹出窗口预览，但是这个onPreview好像用不了，
这个有什么办法可以解决吗？

Answer 1

官方文档上有demo啊？ 照片墙 - 上传 Upload - Ant Design

return (
  <>
    <Upload
      action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
      listType="picture-card"
      fileList={fileList}
      onPreview={this.handlePreview}
      onChange={this.handleChange}
    >
      {fileList.length >= 8 ? null : uploadButton}
    </Upload>
    <Modal
      visible={previewVisible}
      title={previewTitle}
      footer={null}
      onCancel={this.handleCancel}
    >
      <img alt="example" style={{ width: '100%' }} src={previewImage} />
    </Modal>
  </>
);

没啥问题吧？是不是哪里语法写错了？

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

<ProFormUploadButton
  fieldProps={{
    onPreview: handlePreview,
  }}
></ProFormUploadButton>

const handlePreview = async (file: UploadFile) => {
  };