Actualmente estoy trabajando en un proyecto usando la base de datos en tiempo real de React y Firebase y tratando de implementar una red amiga. Actualmente, mis problemas residen en lo siguiente: el usuario puede ingresar un correo electrónico en una entrada. Una vez que envíen este correo electrónico, se tomará una instantánea de toda la base de datos de usuarios y se usará un bucle foreach para recorrerla hasta que encuentre el dato que contiene el correo electrónico que ingresó el usuario (cada usuario tiene un correo electrónico, un nombre de usuario, contraseña y campo uId). Una vez que se encuentre, los datos de los usuarios que contienen el correo electrónico que se ingresó se copiarán en la lista de amigos de los usuarios actuales.

Si bien mi código parece funcionar, hay muchos problemas extraños. En una prueba, hago tres cuentas y una cuenta agrega las otras dos. Si creo otra cuenta, a veces agregará automáticamente los amigos del usuario anterior al usuario actual. También encontré un caso en el que al crear una nueva cuenta y agregar una nueva que ya tiene amigos, los amigos de esos usuarios se agregarán a la cuenta actual. Estoy irremediablemente perdido en cuanto a por qué esto puede estar sucediendo.

 import React, {useState, useEffect} from 'react' import {db, auth} from '../config/fire' import Message from './Message'; function AddFriend() { const [friend, setFriend] = useState(""); const [text, setText] = useState(""); let ref = db.ref(`Users`); const handleText = (e) => { setText(e.target.value); } function handleSubmit(e) { ref.on('value', (snapshot) => { let newFriend = ""; snapshot.forEach(data => { if (data.val().email===text && data.val().email!==auth.currentUser.email) { const newRef = db.ref(`Users/${auth.currentUser.uid}/friends/${data.val().uId}}`); newRef.update({email: data.val().email, name: data.val().name, password: data.val().password, uId: data.val().uId}); setText("") } }) },[]); setText(""); }