Image.js

import React, { Component } from "react";
import firebase from "../firebase.js";

const imageRef = muhImage => {
 firebase
   .storage()
   .ref()
   .child("images/" + muhImage)
   .getDownloadURL()
   .then(function(url) {
     console.log(url);
     return url;
   })
   .catch(function(error) {
     // Handle any errors here
   });
};

const Image = ({ image }) => {
 return (
   <li>
     <img
       src={imageRef(image.fileName)}
       href={imageRef(image.fileName)}
       alt="image"
     />
     <div>{image.imageID}</div>
     <div>{image.imageDate}</div>
   </li>
 );
};

export default Image;