我有一个 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
我在我的本机项目中安装了这样的 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