+ Start a Discussion
Thirumagal SiluvaithasanThirumagal Siluvaithasan 

Access the list in wrapper class to LWC

Hi Team,

I have a wrapper class in my apex controller.
global class variableDTO {
        public String bkImgURL { get; set; }
        public List<String> monthListBefore {get; set;}

And I am trying to to access the monthListBefore list in LWC. My code is below.
@track background; 
@track MonthList;

@wire(getAllDTOs) wrappers ({
    }) {
        if(data) {
            this.objects = data;
            this.background = data[0].bkImgURL;
            this.MonthList = data[0].MonthListBefore;
            console.log(this.background );
            console.log(this.MonthList );

        } else {
            this.error = error;
Here I got value for this.background but I got undefined for this.MonthList. Is there anything wrong in my code?

I got value MonthListBefore in json when I debug.

Thank you.

karthikeyan perumalkarthikeyan perumal

Change your track like below, 
@track MonthList= {};
MonthList is declared by initialising to null. So even before wired function gets back the data, the template is trying to display data[0].MonthList which is throwing error.

hope this will help you. 

Thirumagal SiluvaithasanThirumagal Siluvaithasan
@karthikeyan perumal
Here the issue was I am using "monthListBefore" in controller But in javascript I am using "MonthListBefore".Both are different. Its case sensitive.
Thank You for your help!