LWC @wire parameter getting undefined

Question

Hi All I declared objectName with value why I am getting objectName undefined, doinit of component

  // Public Property
  @api objectName = 'Account';
  @api columns;
  @api relatedFieldAPI;
  @api whereClause;
  @api limit = 10;
  // Private Property
  @track data = [];
  @track soql;
  @track offSet = 0;
  @track totalRows = 0;
  // Do init funtion
  connectedCallback() {
    this.buildSOQL();
    console.log("soql::", this.soql);
  }
  //Count number of rows
  @wire(countRecords,{soql : `SELECT count() FROM ${this.objectName}`}) rows({error,data}) {
    if(data){
      console.log(data)
    }
  }

Answer 1

The "template" syntax is not "reactive." This means that this may not exist, and changing the objectName won't cause a refresh of the object. Instead, set the entire SOQL as a variable:

soql;

...

@wire(countRecords,{soql : '$soql' }) rows({error,data}) {
  if(data){
    console.log(data)
  }
}

...

And have your buildSOQL method set the entire query string to the attribute.

Alternatively, call the method imperatively:

connectedCallback() {
  this.buildSOQL();
  countRecords({soql : `SELECT count() FROM ${this.objectName}`})
    .then(result => { ... });
}

Answer 2

you can use something of this sort

objectName = 'Account';

query = `SELECT count() FROM ${this.objectName}`;

//Count number of rows
@wire(countRecords,{name : '$query'}) rows({error,data}) {
if(data){
  console.log(data)
}

the moment you mark an api, it would wait for the component to load or wait for the parent to pass the value... which would cause an error...

it is, however, in this case, recommended to implement using connectedCallback()

Hope this helps

Answer 3

so as to fix the error all you have to do is remove 'this' keyword. Once you remove that it becomes reactive.Once the value for objectName is defined it callout will happen. Also lets place an addition if check. This is the solution for your implementation, but it would be better if u do an imperative call back.

if(this.objectName){
 //Count number of rows
  @wire(countRecords,{soql : `SELECT count() FROM ${objectName}`}) rows({error,data}) {
    if(data){
      console.log(data)
    }
  }
}