Retrieve specific data from Firebase Object by using its unique identifier in a different reference

Question

Retrieve specific data from Firebase Object by using its unique identifier in a different reference

I am struggling with a broken CodePen where I am trying to retrieve information of an object from another Firebase Ref using the object's key or id...

I have two Firebase Refs: The content

[
  {
    "name": "objecta",
    ".key": "objecta"
  },
  {
    "name": "objectb",
    ".key": "objectb"
  },
  {
    "name": "objectc",
    ".key": "objectc"
  }
]

and the Related that lists the object by key and then the key of the ones that are related to that item.

[
  {
    "objectc": true,
    ".key": "objectb"
  }
]

I am attempting to navigate through the relatedRef by key with this code:

var theKey = "objectb"

function getDiscoverBarContent(key, cb) {
    relatedRef.child(key).on("child_added", snap => {
        let relateRef = relatedRef.child(snap.key);
        relateRef.once("value", cb);
        console.log('relate:' + relateRef)
    });
}

then obtain the data of the related object and display it in the console:

getDiscoverBarContent(theKey, snap => {
    var snapVal = snap.val();
    console.log(snapVal)
});

However, it is currently returning null instead of the desired object info in contentRef referenced in the relatedRef...any suggestions on how to fix this?

javascript firebase firebase-realtime-database vue.js vuefire

Answer 1

Answer №1

I made a mistake by referencing the wrong ref in the JS function. Everything else was correct except for this:

var theKey = "objectb"

function getDiscoverBarContent(key, cb) {
    relatedRef.child(key).on("child_added", snap => {
        //The correction should have been to reference contentRef instead of relatedRef:
        let relateRef = contentRef.child(snap.key); 
        relateRef.once("value", cb);
        console.log('relate:' + relateRef)
    });
}

Answer 2

I made a mistake by referencing the wrong ref in the JS function. Everything else was correct except for this:

var theKey = "objectb"

function getDiscoverBarContent(key, cb) {
    relatedRef.child(key).on("child_added", snap => {
        //The correction should have been to reference contentRef instead of relatedRef:
        let relateRef = contentRef.child(snap.key); 
        relateRef.once("value", cb);
        console.log('relate:' + relateRef)
    });
}

Retrieve specific data from Firebase Object by using its unique identifier in a different reference

Answer №1

Similar questions

What is the best way to incorporate a button that can toggle the visibility of the sidebar on my post page?

Tips for displaying a tooltip on input fields that are invalid

What are the benefits of using JavaScript for altering elements and manipulating the DOM?

The act of appending values to an array within a hash in Vue is not functioning as expected

Forgetting local variables after a routing redirect

When I attempt to access localhost/laravel/public/my_page, the page appears completely blank without displaying any errors

I desire for the state of my Vue 2 app to remain consistent across all tabs, even when one tab is not in focus and the state is updated

Using Typescript to map a string to an enum

Identifying the presence of node.js on your system

Looking at a 3D wireframe cube using three.js

Express.js allows for AJAX POST requests without the use of newlines

The error message received is: "mongoose TypeError: Schema is not defined as

Remove a value from Javascript, leaving it as undefined (null)

Unexpected issue encountered in Firestore (version 0.6.6-dev): java.lang.RuntimeException

Challenge of loops: decreasing a variable

Steps to switch from the "on click" event to on mouse over in the following code

What part of the system generates sessions and cookies?

Issues arise when using the select element

Customizing the Header Navigation in Vue App.vue Across Various Views

What is the best method to make the first input field the focus in BootStrap?