如何从客户端React应用程序使用firebase存储？

npm install firebase

yarn add firebase

import firebase from 'firebase/app';
import 'firebase/storage';

const firebaseConfig = {
  apiKey: 'YOUR_API_KEY',
  authDomain: 'YOUR_AUTH_DOMAIN',
  projectId: 'YOUR_PROJECT_ID',
  storageBucket: 'YOUR_STORAGE_BUCKET',
  messagingSenderId: 'YOUR_MESSAGING_SENDER_ID',
  appId: 'YOUR_APP_ID',
};

firebase.initializeApp(firebaseConfig);

import firebase from 'firebase/app';
import 'firebase/storage';

// 获取存储实例
const storage = firebase.storage();

// 上传文件
const file = ...; // 获取要上传的文件
const storageRef = storage.ref();
const fileRef = storageRef.child('path/to/file');
fileRef.put(file).then((snapshot) => {
  console.log('文件上传成功');
});

// 下载文件
const fileRef = storageRef.child('path/to/file');
fileRef.getDownloadURL().then((url) => {
  console.log('文件下载URL：', url);
});

// 管理文件
const fileRef = storageRef.child('path/to/file');
fileRef.delete().then(() => {
  console.log('文件删除成功');
});