Question

我正在尝试检查用户名，以便在用户输入输入时查看它们是否可用。我可以得到值，问题是它只是切换回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。我认为return会照顾到这一点，但事实并非如此。

Answer 1

您可以.forEach()。

，而不是使用Array.prototype.find()

const existingUsername = snapshot.val().find(u => u === username);

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

一旦值为true，如何使用firebase并做出反应，如何摆脱forEach循环

1 个答案: