0

Stuck Here. Cannot see output on console and on component too. It's coming undefined. Please Help.

JS Class

userId = Id
    userDetail
@wire(getRecord, {recordId:'0055i000000enpHAAQ', fields:['User.Name', 'User.Email']})
userDetailHandler(error,data){
    console.log('Hello Mini' +data)
    if(data){
        this.userDetail=data.fields
        this.data=data
        this.error=undefined
    }
    else if(error){
        console.error(error)
        this.error = error;
        this.data = undefined; 
    }
}
}

HTML:

<template>
    <lightning-card title="User Details Using Wire">
        <div class="slds-p-around_large">
            <template if:true={userDetail}>
            <div>Email- {userDetail.Email.value}</div>
            <div>Name- {userDetail.Name.value}</div>
            </template>
        </div>
    </lightning-card>
</template>

console o/p:

Hello Miniundefined 
{data: undefined, error: undefined}
1
  • The first argument to the wire function is an object with two properties error and data, i.e. {error,data}. Commented Oct 17, 2022 at 6:47

1 Answer 1

0
  1. I guess your syntax of userDetailHandler function is wrong it should be something like below

    userDetailHandler({ error, data }) { // You forgot to destructure the Object.

  2. Also you need to make userDetail variable reactive as you are trying to access multilevel fields from the object which is not by default reactive.

    @track userDetail;

So your full code will be (Js Only)

userId = Id
@track userDetail;
@wire(getRecord, {recordId:'0055i000000enpHAAQ', fields:['User.Name','User.Email']})
userDetailHandler({ error, data }) {
    console.log('Hello Mini' +data)
    if(data){
        this.userDetail=data.fields
        this.data=data
        this.error=undefined
    }
    else if(error){
        console.error(error)
        this.error = error;
        this.data = undefined; 
    }
}

Note: You should Ideally assign recordId to a varibale and pass it as wire function using reactive symbol something like below

@wire(getRecord, {recordId:'$userId', fields:['User.Name','User.Email']})

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .