Почему данные firebase повторно выводятся в консоли?

Question

[leham1]

Здравствуйте. Я делаю приложение на react native и использую базу данных firebase.

Проблема: я сначала вызываю функцию get_data_DB несколько раз (к примеру 5 раз) и это работает нормально, получаю то что хочу. Но после этого я вызываю функцию updateDB (для установки нового значения в базу данных firebase), а вот она работает странно - выводит в консоль мне значение из базы данных несколько раз подряд (столько сколько я раз вызвал функцию get_dataDB). Но дело в том что в функции updateDB я вообще не вызываю console.log(), тем более несколько раз.

// получение данных из firebase база данных в реальном времени
    const get_data_DB = () => {
        const database = firebase.database().ref('1').on('value', (snapshot) => {
          const highscore = snapshot.val().field1;
          console.log(highscore);
        })
      }

    // установить новые данные в firebase база данных в реальном времени
    function updateDB(userID, fieldValue1, fieldValue2) {
      firebase.database().ref(userID).set({
        field1: fieldValue1,
        field2: fieldValue2,
      });
    }

Answer 1

[Радость моя]

я в этих firebase не разбираюсь, и могу только предположить:

1. вы своими вызовами get_data_DB (5 раз) создаете слушателей событий. каждый запуск - уникальный слушатель.
2. вызов updateDB вставляет данные и генерирует событие обновления (на которые у вас уже 5 слушателей). и все они показывают в консоль, т.к. вы сами это написали в слушателе.

Comments

[leham1]

Спасибо большое за отзыв. Возможно так оно и есть. Осталось только понять как удалять их.

[Радость моя]

leham1, может вам вынести создания слушателя за пределы get_data_DB ? объясните логику зачем эту ф-ю нужно несколько раз вызывать

[leham1]

Просто я никогда не работал с базой данных. Создаю мобильное приложение, которое должно получать данные из базы данных (firebase). Но я так понимаю оно при каждом получении получает не только актуальные данные, но и данные которые уже не актуальны. Я так понимаю, что это утечкой памяти называется. Хочу исправить эту утечку памяти.

Вот полный код мой (убрал только данные авторизации):

import React, {useState, useEffect} from 'react';
import { StyleSheet, View, Button } from 'react-native';
import * as firebase from 'firebase';
import { getDatabase } from "firebase/database";


export default function App() {

    const [DATA, setDATA] = useState(11);

    const [switcher, setswitcher] = useState(false);

    // данные
    const firebaseConfig = {
      apiKey: 'apiKey',
      databaseURL: 'databaseURL',
      projectId: 'projectId',
      storageBucket: 'storageBucket',
      appId: 'appId',
      authDomain: 'authDomain',
      messagingSenderId: 'messagingSenderId',
      measurementId: 'measurementId',
    };

    // Инициализировать FireBase
    if (!firebase.apps.length) {
      firebase.initializeApp(firebaseConfig);
    }else {
      firebase.app(); // if already initialized, use that one
    }

    // получение данных из firebase
    const get_data_DB = () => {
      const database_my = firebase.database().ref('1').on('value', (snapshot) => {
          const highscore = snapshot.val().field1;
          console.log(highscore);
        })
      }

    // установить новые данные в firebase
    function updateDB(userID, fieldValue1, fieldValue2) {
      console.log('285')
      const db = firebase.database()
      db.ref(userID).set({
        field1: fieldValue1,
        field2: fieldValue2,
      });
    }

    return (
      <View style={styles.container}>
        <Button
          onPress={() => {
            setDATA((DATA) => DATA + 1);
            updateDB(1, DATA, 200);
          }}
          title="установить новые данные в Firebase"
        />
        <Button
          onPress={() => {
            get_data_DB();
          }}
          title="получить данные из firebase"
        />
      </View>

    );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

[Радость моя]

leham1, что если вынести запуск get_data_DB() в коллбек инициализации firebase? (если такой есть. должен быть). тогда это гарантирует запуск получения данных 1 раз. и слушатель уже будет ждать новых данных.

а с кнопки его убрать

[leham1]

Радость моя, попробую так. Спасибо