access Target Element in Proxy

Question

i have the following line:

var childCmp = cmp.find("lookupCmp");

My Lightning component API Version is 44.0

lookupCmp is a custom lightning component.

When i run this line i get:

childCmp = Proxy {0: a, 1: a, 2: a, length: 3}

i want to access the elements inside target and im not sure how to do this, and couldn't find an answer

i tried to follow this document https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/security_dom.htm and use

cmp.find("lookupCmp").getElement()

and received the error

"getElement is not a function"

Answer 1

Proxy is simply an object that has custom get/set methods, which allows Locker Service to restrict access to private attributes. You still need to check if the result is an array, then you can access the individual elements if you desire.

let childCmp = cmp.find("lookupCmp");
if(!childCmp) {
  // Nothing to do
} else if(!childCmp.length) {
  let child = childCmp.getElement(); // just one
  // ...
} else {
  childCmp.forEach(item => {
    let child = item.getElement();
  }
}

Note that getElement will only return a value if the element is in the same namespace as your component.

Answer 2

This article helped me and worked: Getting a Proxy object instead of an actual component attribute

i parsed the component as a json like described:

const objUncovered = JSON.parse(JSON.stringify(objWhichIsCoveredWithProxy));