Question

我正在使用react native和firebase执行我的第一个应用程序，所以我知道如何配置这样

var config = {
  apiKey: "<API_KEY>",
  authDomain: "<PROJECT_ID>.firebaseapp.com",
  databaseURL: "https://<DATABASE_NAME>.firebaseio.com",
  storageBucket: "<BUCKET>.appspot.com",
};
firebase.initializeApp(config);

但我不知道如何列出添加或更新数据，有人可以帮助我，我已经尝试过这个

firebase.database().ref('users/' + userId).set({
    username: name,
    email: email,
    profile_picture : imageUrl
});

Answer 1

在Firebase官方网站上有一个很好的一步一步ReactFire教程。点击https://www.firebase.com/docs/web/libraries/react/guide.html

步骤1：使用head标记为您的项目添加firebase。

<!-- Inside head -->
<script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"></script>

步骤2：创建对用户节点（或数据库中的任何节点）的引用您可以在componentWillMount（）方法中执行此操作。（假设您的firebase节点是用户）

componentWillMount() {
    this.firebaseRef = new Firebase("https://YourApp.firebaseio.com/users");
}

步骤3：将数据添加到firebase中（假设表单在提交时调用handleSubmit函数）

handleSubmit: function(e) {
   e.preventDefault();
   this.firebaseRef.push({
      username: 'username',
      email: 'email@examle.com',
      imageUrl: 'some image url'
   });
   this.setState({text: ""});
}

步骤4：卸载组件时清理数据库处理程序。

componentWillUnmount: function() {
   this.firebaseRef.off();
}

如何使用js添加，更新和列出数据到firebase

1 个答案: