带有 react .on 监听器的 Firebase 无法正常工作

Question

我正在使用 firebase，出于某种原因，这只是工作，但现在不是。我在输入上有一个 onChange 事件，它工作得很好，但由于某种原因，firebase .on() 方法对我不起作用。

这是我所拥有的：

updateUsername(event) {
    this.setState({
      [event.target.name]: event.target.value
    });

    const usernameRef = fire.database().ref('usernames');
    if (event.target.value) {
      usernameRef.child(event.target.value).on('value', snap => {
        console.log(snap.val()); // returns nothing
        if (snap.val() != null) {
          this.setState({
            disabled: true
          });
        } else if (snap.val() == null) {
          this.setState({
            disabled: false
          });
        }
      });
    }
  }

Answer 1

我不知道为什么它更早工作，但我需要将我项目的 firebase 控制台中的 .read 规则更改为 true

旧规则：

{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

新规则：

{
  "rules": {
    ".read": true,
    ".write": "auth != null"
  }
}