Не удается получить базу данных веб-приложений Firbase в reactjs

Question

Я не могу получить данные из базы данных firebase. Я использовал этот код для импорта базы данных firebase ниже: import firebase from 'firebase/app' import "firebase/database"; const firebaseDB = firebase.database(); const firebaseArticle = firebaseDB.ref('articles') const firebaseTeams = firebaseDB.ref('teams') const firebaseVideos = firebaseDB.ref('videos')

И в другом файле, где я хочу получить данные из базы данных firebase, я использовал эти коды UNSAFE_componentWillMount() { firebaseArticle .limitToFirst(3) .once("value") .then((snapshot) => { const news = []; snapshot.forEach((childSnapshot) => { news.push({ ...childSnapshot.val(), id: childSnapshot.key, }); }); this.setState({ news }); });

Я получаю эти сообщения об ошибках в консоли. Похоже, у меня проблемы с жизненными циклами, хотя я использовал UNSAFE_lifecyclename, который они рекомендовали. Что мне теперь делать, чтобы получить данные из firebase? & Как мне избавиться от этих предупреждений? Спасибо

Answer 1

Вы должны использовать componentDidMount, например:

componentDidMount() {
  firebaseArticle
    .limitToFirst(3)
    .once("value")
    .then((snapshot) => {
      const news = [];
      snapshot.forEach((childSnapshot) => {
        news.push({
          ...childSnapshot.val(),
          id: childSnapshot.key,
        });
      });
      this.setState({
        news
      });
    });
}