Firebase query with React

Question

I'm trying to query a database with this structure.

This is my query so far:

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
        });
    });
}

I know it's wrong, because it returns null. How do I make it correct? I was following a tutorial earlier, but this is a little more complex then a todo list. I want to list the works.

This is the console response:

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

Peter Haddad · Accepted Answer · 2018-05-29 08:53:32Z

2

Change this:

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

into this:

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

since you have works as capital letter.

answered May 29, 2018 at 8:53

Peter Haddad

81.2k26 gold badges148 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Firebase query with React

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related