Image.jsx

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

const FirebasePromise = props => {
 return props.children("testing, 1 2 3");
};

// firebase
//    .storage()
//    .ref()
//    .child("images/" + props.fileName)
//    .getDownloadURL()
const Example = props => (
 <FirebasePromise fileName={props.fileName}>
   {returningThing => <p>{typeof returningThing}</p>}
 </FirebasePromise>
);

const Image = ({ image }) => {
 console.log(image);
 return (
   <li>
     <Example fileName={image.fileName} />
     <div>{image.imageID}</div>
     <div>{image.imageDate}</div>
   </li>
 );
};

export default Image;