1
私はfirebaseに格納された 'todos'を取得しようとしている単純なtodoアプリがあります。ここでは、関連するファイルがある...私は取得していますシンプルなtodoアプリとfirebaseのtodosの保存
base.js
import Rebase from 're-base';
import Firebase from 'firebase';
const app = Firebase.initializeApp({
apiKey: "mykey",
authDomain: "myapp.firebaseapp.com",
databaseURL: "https://myapp.firebaseio.com",
});
const base = Rebase.createClass(app.database());
export default base;
TodoList.js
import React, { Component } from 'react';
import TodoItems from './TodoItems';
import TodoInput from './TodoInput';
import base from './base';
class TodoList extends React.Component {
static propTypes = {
todos: React.PropTypes.array
};
constructor(props) {
super(props)
this.state = { todos: this.props.todos || [] }
}
componentWillMount(){
this.ref = base.syncState({
context: this,
state: 'todos'
});
}
addTodo = (item) => {
this.setState({todos: this.state.todos.concat([item])});
}
render() {
return (
<div>
<h3>TODO List</h3>
<TodoItems items={this.state.todos}/>
<TodoInput addTodo={this.addTodo}/>
</div>
);
}
};
export default TodoList;
エラーは次のとおりです。this.ref = base.syncState({
で
REBASE: The Firebase endpoint you are trying to listen to must be a string. Instead, got [object Object]
。私はthis.ref
について疑念を抱いていますが、代わりに何を入れるべきかはわかりません。任意のアイデアを高く評価