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

故里逢春
  • 1
新手上路,请多包涵

Antd Pro的上传组ProFormUploadButton用不了onPreview,要怎么设置预览
image.png
图片上传之后会有个小眼睛,我想点击它就可以弹出窗口预览,但是这个onPreview好像用不了,
这个有什么办法可以解决吗?

回复
阅读 122
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 思否「问答」打卡,欢迎正在阅读的你也加入。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏