#javascript #reactjs #download #material-ui #jsx
Вопрос:
Я хотел бы загрузить файл excel из моего приложения react.
У меня есть кнопка загрузки с реквизитом onClick={handleExcel}
. В моей константе handleExcel у меня есть следующий код:
const handleExcel = () => {
if (excel){
const link = document.createElement("a");
link.download = `Example.xlsx`;
console.log(excel)
link.href = excel;
link.click();
}
};
Файл excel хранится в состоянии с именем excel, и при входе в систему консоль выводит:
File {name: "Test.xlsx", lastModified: 1627328001242, lastModifiedDate: Mon Jul 26 2021 15:33:21 GMT-0400 (Eastern Daylight Time), webkitRelativePath: "", size: 9883, …}
так что я знаю, что файл там есть. Однако сама загрузка завершается неудачно, так как «файла нет».
Я считаю, что проблема может быть связана с линией link.href, но у меня не очень большой опыт работы с jsx, поэтому я совершенно не уверен.
Буду рад любым идеям! Спасибо!
Комментарии:
1. Вам нужно установить href в качестве URL-адреса данных