在React JS中缓存图像

Question

我正在使用firebase作为后端服务在react js中编写一个应用程序。图像的名称和位置存储在实时数据库中，并可以访问，然后从云存储中提取文件（图像）并显示在屏幕上。

例如

getFile(path){
   firebase.database().ref('').child(path).once('value').then(snap =>{
       cloudStorage.child(snap.val()).getDownloadURL().then(url =>{
            this.setState({fetchedImage: url});
       });
   });
}

因此，获取的图像网址将作为图像标签的来源提供

<img src={this.state.fetchedImage}/>

现在，在浏览器下载图像后，将呈现该图像。因此，在下载并渲染后，如果我离开该元素并再次返回，它将再次重新下载该图像。这样会增加加载该元素所需的时间。

我可以下载该图像并将其保存到网络存储中，以便在重新渲染视图时再次下载该图像吗？

谢谢， Zeeshan