How to convert or map a Firebase Snapshot child into a custom object in React Native

Question

I need to get data from Firebase Realtime & display within a FlatList.

What's the best way to capture the child value & map or convert it into my custom object?

Example:

class ObjectModel {

    constructor(id, name, age) {
        this.id = id;
        this.name = name;
        this.age = age;
    }
}

export default new ObjectModel();

// on my Screen.js file, getting the data...
useEffect(() => {
    reference
      .on('value', snapshot => {
        
        let data = [];
       
        snapshot.forEach((child) => {
          // I need to make the child.val() to be an ObjectModel
          data.push(child.val());
        })

        setArr(data);
      });
  });

Answer 1

Try spreading the val like this and then pushing it to your array:

let newObjModel = new ObjectModel ({...child.val()})

is this is what you were looking for?