无法在reactjs中获取Firbase webapp数据库

import React, { Component } from 'react';
import firebase from 'firebase/app';
import 'firebase/database';

class YourComponent extends Component {
  componentDidMount() {
    // 初始化Firebase应用
    const firebaseConfig = {
      // 在Firebase控制台中获取你的配置信息
      apiKey: "YOUR_API_KEY",
      authDomain: "YOUR_AUTH_DOMAIN",
      databaseURL: "YOUR_DATABASE_URL",
      projectId: "YOUR_PROJECT_ID",
      storageBucket: "YOUR_STORAGE_BUCKET",
      messagingSenderId: "YOUR_MESSAGING_SENDER_ID",
      appId: "YOUR_APP_ID"
    };

    firebase.initializeApp(firebaseConfig);
  }

  render() {
    // 组件的渲染逻辑
    return (
      // JSX代码
    );
  }
}

export default YourComponent;

import React, { Component } from 'react';
import firebase from 'firebase/app';
import 'firebase/database';

class YourComponent extends Component {
  state = {
    data: null
  };

  componentDidMount() {
    const database = firebase.database();
    const ref = database.ref('your-database-path');

    // 从数据库中获取数据
    ref.on('value', snapshot => {
      const data = snapshot.val();
      this.setState({ data });
    });
  }

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

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

export default YourComponent;