title: Download files from firebase storage using ReactJs
body: <p>Succesfully i have made to Upload files into firebase storage, but now i want to display all files in table and to have option to download each file.I've read the documentation in firebase but it won't work.When i click the button which function is to get all files and the i want to visualize them in table which users can see:</p>
  
  <p>Show file function:</p>
  
  <pre><code> showFileUrl(){
  
     storageRef.child('UploadedFiles/').listAll().then(function(res) {
        res.items.forEach(function(folderRef) {
          console.log("folderRef",folderRef.toString());
          var blob = null;
          var xhr = new XMLHttpRequest(); 
          xhr.open("GET", "downloadURL"); 
          xhr.responseType = "blob";
          xhr.onload = function() 
          {
          blob = xhr.response;//xhr.response is now a blob object
          console.log(blob);
      }
          xhr.send();
        });
  
      }).catch(function(error) {
  
      });
    }
  </code></pre>
  
  <p>This is log of the network which i found when debugging.What i need to do to get all data and visualize it in table and to hava a download button and when is pressed to download the file</p>
  
  <p>Network log:
  <a href="https://i.stack.imgur.com/ndAhK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ndAhK.png" alt="enter image description here"></a></p>
  
  <p>Storage in firebase:
  <a href="https://i.stack.imgur.com/ZvWYi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZvWYi.png" alt="enter image description here"></a></p>
  
  <p>Blob object  of the files:
  <a href="https://i.stack.imgur.com/Emr80.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Emr80.png" alt="enter image description here"></a></p>