我有这样一个场景,页面上有多个图标,点击每个图标后都可以触发上传弹框,上传成功后会修改当前展示的图标为新的图片。
现在我在每个图标的外层套了一个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吧)