如何使用ID/Key (使用React)从Firebase中检索和呈现数据？

npm install firebase

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

const firebaseConfig = {
  // 在Firebase控制台中获取的配置信息
};

firebase.initializeApp(firebaseConfig);

const fetchData = () => {
  const database = firebase.database();
  const ref = database.ref('your-data-path'); // 替换为你的数据路径

  ref.on('value', (snapshot) => {
    const data = snapshot.val();
    // 处理数据
  });
};

componentDidMount() {
  fetchData();
}

state = {
  data: null,
};

fetchData = () => {
  const database = firebase.database();
  const ref = database.ref('your-data-path');

  ref.on('value', (snapshot) => {
    const data = snapshot.val();
    this.setState({ data });
  });
};

render() {
  const { data } = this.state;

  return (
    <div>
      {data && Object.keys(data).map((key) => (
        <div key={key}>{data[key]}</div>
      ))}
    </div>
  );
}