تحميل ملف من خلال مكون React؟

يمكنك إستخدام الشفرة التالية لتحميل الملف بإستخدام axios دون إعادة توجيه أو فتح صفحة جديده

axios({
  url: "https://example.com/file.pdf", // هنا الرابط الخاص بالملف المراد تحميله
  method: "GET",
  responseType: "blob" // لابد من هذا الخيار تأمد من تواجده
}).then((response) => {
  const url = window.URL.createObjectURL(new Blob([response.data]));
  const link = document.createElement("a");
  link.href = url;
  link.setAttribute("download", "file.pdf"); // لاحظ هنا نحدد نوع الملف المحمل
  document.body.appendChild(link);
  link.click();
});

إذا كان بإمكانك استخدام العنصر a ولكن تريد أن يتم تحميل الملف من نفس الصفحة 

فيمكنك إضافة صفة (attribute) في العنصر a وهي download فهذه الصفة تخبر المتصفح بالقيام بالتحميل من الرابط ولن يتم إعادة توجيه أو فتح صفحة أخرى بل سيتم تحميل الملف من نفس الصفحة

يمكنك إضافة هذا الكود

<a href="http://localhost:5000/download-file" download>
  تنزيل الفيديو
</a>