单击预览图标时 onPreview 不起作用 - Antd

Question

根据文档here，它说回调函数 onPreview 将在单击文件 link 或预览图标时执行 。但只有文件 link 对我有用。我不知道这里有什么问题。

<Upload
  beforeUpload={() => false}
  listType="picture"
  maxCount={1}
  accept="video/mp4"
  onPreview={() => console.log("HELLO")}
 >
  <Button readOnly={someLogic} icon={<UploadOutlined />}>
   {t("admin_entity.add_video")}
  </Button>
</Upload>

Answer 1

经我检查，问题出在文件的缩略图上。

它与图像一起工作（可以在列表中生成缩略图）。

也许你可以尝试用一些事件侦听器覆盖缩略图，这只是一个解决方案:)

Answer 2

我用iconRender函数解决了这个问题

iconRender={(originNode) => (
 <PlaySquareTwoTone onClick={() => console.log("HELLO")} />
)}

单击预览图标时 onPreview 不起作用 - Antd

onPreview not working when click to previewIcon - Antd

reactjs

antd