react download file on click code example

Example 1: react js download file

fetch('https://cors-anywhere.herokuapp.com/' + fileURL, {
    method: 'GET',
    headers: {
      'Content-Type': 'application/pdf',
    },
  })
  .then((response) => response.blob())
  .then((blob) => {
    // Create blob link to download
    const url = window.URL.createObjectURL(
      new Blob([blob]),
    );
    const link = document.createElement('a');
    link.href = url;
    link.setAttribute(
      'download',
      `FileName.pdf`,
    );

    // Append to html link element page
    document.body.appendChild(link);

    // Start download
    link.click();

    // Clean up and remove the link
    link.parentNode.removeChild(link);
  });

Example 2: create a link in react js to download xcelfile

[{"id":1,"name":"Soumitra","email":"[email protected]"},{"id":2,"name":"Liton","email":"[email protected]"},{"id":3,"name":"Suman","email":"[email protected]"},{"id":4,"name":"Debabrata","email":"[email protected]"}]