React - Firebase -显示单个帖子

import firebase from 'firebase/app';
import 'firebase/database';

// 初始化Firebase
const firebaseConfig = {
  // 项目的配置信息
};

firebase.initializeApp(firebaseConfig);

import React, { useState, useEffect } from 'react';

const Post = ({ postId }) => {
  const [post, setPost] = useState(null);

  useEffect(() => {
    // 使用Firebase的实时数据库功能获取单个帖子的数据
    const postRef = firebase.database().ref(`posts/${postId}`);
    postRef.on('value', (snapshot) => {
      const postData = snapshot.val();
      setPost(postData);
    });

    // 清除监听器
    return () => {
      postRef.off();
    };
  }, [postId]);

  if (!post) {
    return <div>Loading...</div>;
  }

  return (
    <div>
      <h2>{post.title}</h2>
      <p>{post.content}</p>
    </div>
  );
};

export default Post;