Javascript 如何使用firebase和react在值为真时退出forEach循环

我试图检查用户名，看看在用户输入时它们是否可用。我可以得到这个值，问题是它只是切换回false，因为有其他用户名与输入不匹配

const usernameRef = firebase.database().ref('usernames');
    if (event.target.value) {
      usernameRef.on('value', snapshot => {
        snapshot.forEach(snap => {
         //snap.val() is each of the usernames in the db
          if (snap.val() === username) {
            this.setState({
              disabled: true
            });

            return;
          }

          if (snap.val() !== username) {
            this.setState({
              disabled: false
            });
          }
        });
      });
    }

---

输入只是一个基本输入，它调用一个函数onChange来激活这部分代码。当用户输入一个存在的用户名时，它会将状态设置为true，但随后它会遍历其余用户名并将其设置回false。我想返回的

可以解决这个问题，但它没有。
你可以不用
.forEach（）
，只需执行
Array.prototype.find（）

Mine是一个对象，其中uid是键，值是用户名。最后我做了
Object.values（snapshot.val（））.includes（username）
来测试用户名是否存在。但概念是一样的。我更喜欢这种方法，因为我不确定你是否能“退出”一个项目forEach@TaylorAustin令人惊叹的；很高兴你找到了适合你的用例的东西
const existingUsername = snapshot.val().find(u => u === username);

if(existingUsername) {
    this.setState({ disabled: true });
} else {
    this.setState({ disabled: false });
}