Reactjs 单击预览图标时,onPreview不工作

Reactjs 单击预览图标时,onPreview不工作,reactjs,antd,Reactjs,Antd,根据该文件,点击文件链接或预览图标时,将执行预览的回调函数。但只有文件链接对我有效。我想不出这里有什么问题 <Upload beforeUpload={() => false} listType="picture" maxCount={1} accept="video/mp4" onPreview={() => console.log("HELLO")} > <Button rea

根据该文件,点击文件链接或预览图标时,将执行预览的回调函数。但只有文件链接对我有效。我想不出这里有什么问题

<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>
false}
listType=“图片”
maxCount={1}
accept=“视频/mp4”
onPreview={()=>console.log(“HELLO”)}
>
{t(“admin_entity.add_video”)}

正如我所检查的,问题来自文件的缩略图

它使用图像(可以在列表中生成缩略图)


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

我使用iconRender函数来解决这个问题

iconRender={(originNode) => (
 <PlaySquareTwoTone onClick={() => console.log("HELLO")} />
)}
iconRender={(原始节点)=>(
console.log(“HELLO”)}/>
)}

您能提供一些代码吗?我是antd新手,不知道如何覆盖缩略图