Using a track decorator in JS in LWC

Question

I have below JS code in the console log I can see the expected value for configFlowName but in setGoToMapSupplyQuantity the value of configFlowName is undefined, I completely understand this behavior but I don't understand how to wait till the configflow get its value and then use it in the setGoToMapSupplyQuantity function, please suggest any work around

@track configFlowName;
setGoToMapSupplyQuantity() {
    this.goToMapSupplyQuantity = '/apex/Apttus_Config2__pricing?id=' + this.productConfigId + '&configRequestId=' + this.configRequestId + '&Flow=' + this.configFlowName;
}


@wire(proposalDetails, { productConfigId: '$productConfigId' })
proposalDetail({ data }) {
    if (data) {
        this.proposalData   = data;
        this.proposalId     = '/'+ data.proposalID;
        this.configFlowName = data.flowName;
        console.log(this.configFlowName);
    }
}

Answer 1

You can make a call to the setGoToMapSupplyQuantity function inside your if statement, which will set the goToMapSupplyQuantity property.

@wire(proposalDetails, { productConfigId: '$productConfigId' })
proposalDetail({ data }) {
    if (data) {
        this.proposalData   = data;
        this.proposalId     = '/'+ data.proposalID;
        this.configFlowName = data.flowName;
        this.setGoToMapSupplyQuantity();
    }
}