小编cld*_*dev的帖子

如何将 Firebase Storage 与 Cloud Firestore 连接,以便我的图像与其各自的帖子相关联?

我有一个 CRUD React 应用程序,您可以在其中创建文章。有“标题”、“内容”和“图像”。

我在 Cloud Firestore 中有一个名为“文章”的集合。这些文档具有字段:“标题”和“内容”,因此每次我在 React 应用程序中创建文章时,都会创建一个新文档。

下一步是能够向文章添加图像。

我成功连接到 Firebase 并将图像从我的 React 页面上传到 Firebase Storage。但是如何将图像与他们的文章联系起来?例如,如何在 Cloud Firestore 和 Storage 之间建立连接?

我是否在文档中创建一个名为“图像”的额外字段?但那我该如何引用它呢?我也想尝试避免重复。

上传图片.js


import React, { useState, Component } from "react";
import { storage } from "../Firebase";

function UploadFile() {
        const [image, setImage] = useState(null);
        const [url, setUrl] = useState("");
        const [progress, setProgress] = useState(0);

        const handleChange = e => {
            if (e.target.files[0]) {
              setImage(e.target.files[0]);
            }
          };

          const handleUpload = () => {
            const uploadTask = storage.ref(`images/${image.name}`).put(image);
            uploadTask.on( …
Run Code Online (Sandbox Code Playgroud)

javascript google-cloud-storage firebase reactjs google-cloud-firestore

5
推荐指数
1
解决办法
3858
查看次数

无效的`Podfile` 文件:无效的`RNFBDatabase.podspec` 文件:没有这样的文件或目录@rb_sysopen - ../app/package.json - react native

我在我的本机项目中安装了这样的 firebase-->

yarn add @react-native-firebase/database
Run Code Online (Sandbox Code Playgroud)

然后当我尝试使用此命令根据文档安装 pod 时 -->

cd ios/ && pod install && cd ..
Run Code Online (Sandbox Code Playgroud)

我收到以下错误:

> [!] Invalid `Podfile` file:  [!] Invalid `RNFBDatabase.podspec` file:
> No such file or directory @ rb_sysopen - ../app/package.json.
Run Code Online (Sandbox Code Playgroud)

cocoapods firebase react-native firebase-realtime-database pod-install

2
推荐指数
1
解决办法
1529
查看次数