使用React在Firebase数据库的顶层设置一个值

时间:2017-03-18 19:14:50

标签: javascript reactjs firebase-realtime-database

如何使用React在Firebase数据库的顶层设置值。

教程(在付费专区后面)解释了如何在子记录中设置一个值,但我还没有弄清楚如何在顶层做到这一点。

更新子记录:

classA

尝试做类似下面的事情,但不知道如何在顶层获得项目的长度。

componentDidMount: function() {
  this.ref = new Firebase('<url>');
  var childRef = this.ref.child(this.props.params.username);
  this.bindAsArray(childRef, 'notes');
},
handleAddNote: function(newNote) {
  this.ref.child(this.props.params.username)
     .child(this.state.notes.length).set(newNote);
}...

我几天前创办了React,所以任何建议都会受到高度赞赏。

1 个答案:

答案 0 :(得分:0)

<强>解决方案:

由于计算了没有元素的特定状态的元素长度,它以前没有工作,因此每次添加某些内容时都会覆盖Firebase数据库中的第一个项目(0索引)。

这有效:

componentDidMount: function() {
  this.ref = new Firebase('<url>');
  this.bindAsArray(this.ref, 'notes');
},
handleAddNote: function(newNote) {
  this.ref.child(this.state.notes.length).set(newNote);
},