使用firebase实时数据库添加react中的朋友，添加多个朋友，而不是一个

Question

我目前正在使用React和Firebase的实时数据库进行一个项目，并尝试实现朋友网络。目前，我的问题列于以下：用户可以将电子邮件输入输入。一旦提交了此电子邮件，将对整个用户数据库进行快照，并且将使用一个foreach循环循环循环，直到找到包含用户输入的电子邮件的数据（每个用户都有电子邮件，用户名，，密码和UID字段）。一旦找到它，包含输入电子邮件的用户数据将被复制到当前用户朋友列表中。

尽管我的代码似乎可以工作，但仍有很多奇怪的问题。在一个测试中，我创建了三个帐户，并有一个帐户添加另一个帐户。如果我创建另一个帐户，有时会自动将上一个用户的朋友添加到当前用户。我还发现了一种情况，在制作一个新帐户并添加一个已经有朋友的新帐户时，这些用户的朋友将被添加到当前的朋友中。我无可救药地失去了为什么会发生这种情况。

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("");
  }

Answer 1

弄清楚了。您需要使用ref.once而不是ref.on。