小编Sam*_*ite的帖子

我收到文件网址作为api的回复.当用户单击下载按钮时,应该下载该文件而不在新选项卡中打开文件预览.如何实现这个反应js？

我从 API 获取文件 url，例如“ http://example.com/sample.jpg ”。这是我当前的代码：

<a href={item.mediaUrl} target="_blank" className="ml-2">
<i className="fa fa-download"></i></a>

但我想直接下载文件，而不在新的浏览器选项卡中打开文件。我还尝试了按钮上的 onClick 事件：

//HTML
<button onClick={() => this.downloadFile(item.mediaUrl)}>Download</button>
//Function
downloadFile = (url) => {
   window.open(url);
}

这也会在新的浏览器选项卡中打开文件。如何直接在reactjs中从url下载文件，而不在新的浏览器选项卡中打开文件？

我正在创建自定义数据表。我添加了排序、分页，但无法对所有列进行搜索。这是我创建的 URL

https://codesandbox.io/s/yv48o7onwj

数据数组包含大写单词和整数。

如何使用单个输入框在所有列上实现过滤/搜索？