Ошибка при загрузке файла excel из приложения React

#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-адреса данных