javascript - 使用 React 进行 Firebase 查询

Question

我正在尝试查询具有此结构的数据库。

这是我到目前为止的查询:

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。我该如何使其正确？我之前正在学习教程，但这比待办事项列表稍微复杂一些。我想列出作品。

这是控制台响应:

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

Answer 1

更改此:

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

进入此:

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

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