javascript - 监听 Firebase React Native 的变化

标签 javascript reactjs firebase react-native firebase-realtime-database

我想显示点赞数。 如何监听并显示值的变化?

在 firebase 文档中,他们说使用 .on('value', function (snap))。但如何实现呢?我应该创建一个新函数吗?状态呢?非常感谢!

class WordItem extends Component {

constructor(props) {
super(props);
this.onPressIcon = this.onPressIcon.bind(this);
this.state = {
  dataSource: new ListView.DataSource({
  rowHasChanged: (row1, row2) => row1 !== row2,
    }),
  }
}



onPressIcon(word){

                var config = {
                apiKey: "",
                authDomain: "",
                databaseURL: ""
                };

                    var ref = firebase.database().ref();

                    let childItem = word+"/likes";
                    console.log(childItem, "childItem")

                    var likes_words = ref.child("items").child(word).child("likes");


                    likes_words.transaction(function(currentLike) {
                        return currentLike + 1;
                        });

            // Sync Object Changes
            likes_words.on('value', function (snap){
              ???
            });

  }

最佳答案

likes_words.on('value', snapshot => {
      value_of_likes = snapshot.val() 
});

在 value_of_likes 中,您将获得总喜欢数,如果您使用的是 redux,则可以执行调度操作,或者您可以调用任何其他函数来更新您的状态

关于javascript - 监听 Firebase React Native 的变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45077217/

相关文章:

javascript - ESM 模块的快速验证器用法

javascript - new Date() 适用于 Chrome 但不适用于 Firefox

reactjs - 如何在 Material UI 中应用自定义主题?

android - 找不到 com.google.firebase :firebase-database: 15. 0.0

android - Firebase Android Auth 对象没有触发回调

javascript - 通过标签将 Active 类设置为特定的 li

javascript - jQuery Ajax POST 获取 JSON 并返回值

javascript - 每次渲染react时刷新组件状态

javascript - 使用 React Router 从 Expressr 下载文件

javascript - 仅从 firebase : Angularfire 检索父元素