Tengo una aplicación bastante simple que permite a las personas publicar algunas publicaciones como Instagram.

Estoy trabajando en la funcionalidad similar. Heres lo que he hecho hasta ahora.

 const [posts, setPosts] = useState([]);

mi useEffect obteniendo todos los datos.

 useEffect(() => { let tempArray = []; const posts = ref(db, 'posts/'); onValue(posts, (snapshot) => { snapshot.forEach((childSnapshot) => { const childKey = childSnapshot.key; const childData = childSnapshot.val(); let tempObject = { documentID: childData.documentID, username: childData.username, profile_picture: childData.profile_picture, imageUrl: childData.imageUrl, postText: childData.postText, datePosted: childData.datePosted, uploadFilter: childData.uploadFilter, likes: childData.likes } tempArray.push(tempObject) }); var newArrayDataOfOjbect = Object.values(tempArray) setPosts(newArrayDataOfOjbect) }); }, [])

Funciona genial. Sin embargo, mi función Me gusta funciona, pero necesito hacerla para que solo actualice el valor de cierto objeto en mi interfaz, y no haga un objeto completamente nuevo. Funciona muy bien en la parte de firebase, sin embargo, en la interfaz solo hace un duplicado de esa publicación que se está actualizando. Estoy bastante seguro de que se debe a mi useEffect , ya que se ejecuta cada vez que se cambia algo.

mi evento como a continuación.

 const likeEvent = (obj) => { const dbRef = ref(getDatabase()); const postData = { datePosted: obj.datePosted, documentID: obj.documentID, imageUrl: obj.imageUrl, likes: obj.likes + 1, postText: obj.postText, profile_picture: obj.profile_picture, uploadFilter: obj.uploadFilter, username: obj.username }; const updates = {}; get(child(dbRef, `posts/${obj.documentID}`)).then((snapshot) => { if (snapshot.exists()) { console.log(snapshot.val()); console.log(snapshot.val().likes + 1) updates['/posts/' + obj.documentID] = postData; return update(ref(db), updates); } else { console.log("No data available"); } }).catch((error) => { console.error(error); });

¡Cualquier ayuda por la que estoy realmente agradecido!