Javascript html5下载属性在react中不起作用

下载不是下载图像，而是重定向到另一个页面。我在新的chrome、edge和我的手机上也试过了，但这不起作用，它只是重定向到另一个页面。我正在使用unsplash.com上的链接

当用户点击下载图标时，图像必须下载，如何实现

这是我的密码

import React from "react";

const CardImage = ({ img, name, id }) => {
  return (
    <figure className="cardImg">
      <img src={img} alt="" />
      <span className="name">{name}</span>
      <div className="overlay"></div>
      <div className="cardImg__buttons">
        <a href={img} className="download" download target="_blank">
          <i className="fas fa-download"></i>
        </a>
        <a href="#" className="delete">
          <i className="fas fa-trash"></i>
        </a>
      </div>
    </figure>
  );
};

export default CardImage;

从“React”导入React；
常量CardImage=（{img，name，id}）=>{
返回(
{name}
);
};
导出默认图像；

您只需提供带有扩展名的图像链接即可。大概是这样的：

//Download as image.png

 <a download="image.png" target="_blank" href="http://example.org/assets/avatar.png">
          <i className="fas fa-download"></i>
 </a>

//下载为image.png

图像的宿主位置？可能是由于链接。检查有关Sameb的非Flash文档，但它不起作用。我已经试过了，但没用。我使用的链接来自Unsplash@SumukhaKb你给下载属性赋予值了吗，比如download='filename'？是的，我试过了，它不起作用。这是因为非Flash链接吗？不，你能在codesandbox上托管你的代码吗？我来看看