title: How can I acces data from a soql inner query in a lightning web component
body: <p>How can I access data from an inner query in lwc? Here's my code:</p>
  <p>JS:</p>
  <pre><code>@wire(getProducts)
  wiredProducts({error, data}){
      if(error){
          this.error = error;
      }else if(data){
          console.log(data);
          this.products = data;
          this.listprice = this.products.Product_Price_Entries__r.List_Price__c;
          console.log('ex'+listprice);
      }
  }
  </code></pre>
  <p>Apex Controller:</p>
  <pre><code>public with sharing class ProductCatalogController  {
  @AuraEnabled(Cacheable=true)
  public static List&lt;Product__c&gt; getProductsList(){
      return [SELECT Id, Name, Store_Short_Description__c, Image__c, (SELECT List_Price__c FROM Product_Price_Entries__r)
              FROM Product__c
              WHERE Name != null
              WITH SECURITY_ENFORCED
               Limit 10];
  }
  </code></pre>
  <p>}</p>
  <p>HTML:</p>
  <pre><code>                &lt;template for:each={products} for:item=&quot;product&quot;&gt;
                  &lt;div key={product.Id} class=&quot;slds-col slds-size_1-of-4&quot;&gt;
                      &lt;lightning-card class=&quot;cardBorder&quot;&gt;
                          
                          &lt;div class=&quot;slds-m-bottom_medium&quot;&gt;
                              &lt;lightning-formatted-number
                              value={products.listprice}
                              format-style=&quot;currency&quot;&gt; &lt;/lightning-formatted-number&gt;
                          &lt;/div&gt; 
  
                        
                      &lt;/lightning-card&gt;
                  &lt;/div&gt;
              &lt;/template&gt;
  </code></pre>
  <p>I'm trying to access the ListPrice value,
  how can I accomplish this ?</p>