使用React进行Firebase查询

时间:2018-05-29 08:47:49

标签: javascript reactjs firebase firebase-realtime-database

我试图用这种结构查询数据库。

enter image description here

这是我目前的查询:

componentDidMount() {
    const itemsRef = firebase.database().ref('works');
    itemsRef.on('value', (snapshot) => {
        console.log('snap', snapshot);
        console.log('val', snapshot.val());
        let items = snapshot.val();
        let newState = [];
        console.log('tu ', items);
        for (let item in items) {
            console.log(item);
            newState.push({
                id: item,
                title: items[item].title,
                user: items[item].user
            });
        }
        this.setState({
            items: newState
        });
    });
}

我知道它错了,因为它返回null。我该如何纠正?我之前正在学习一个教程,但这比todo列表要复杂一些。我想列出works

这是控制台响应:

snap Object { node_: {…}, ref_: {…}, index_: {} } questions.js:17
val null questions.js:18
tu  null questions.js:21 

1 个答案:

答案 0 :(得分:2)

改变这个:

const itemsRef = firebase.database().ref('works');

进入这个:

const itemsRef = firebase.database().ref('Works');

因为你有大写字母的作品。