antd 中如何获取upload的引用,用于手动调用upload上传?

我有这样一个场景,页面上有多个图标,点击每个图标后都可以触发上传弹框,上传成功后会修改当前展示的图标为新的图片。

现在我在每个图标的外层套了一个upload

const eles = list.map(ele => (
    <li className="ele" key={ele.name}>
        <Upload {...uploadProps}>
            <Icon type="picture" className="ico" />
            <p>{ele.desc}</p>
        </Upload>
    </li>
));

但实际上我只需要一个upload实例就够了,这样感觉比较浪费内存。我能想到的是在页面放置一个上传按钮,然后点击图标时手动trigger按钮的点击事件,但这样就需要获取元素引用,感觉不太友好。

不知道能不能获取upload的引用,然后调用某个方法触发下载(本质也应该是trigger了input的click吧)

阅读 7.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题