Skip to main content
Topics#Lightning ExperienceRadha Krishna의 질문
Radha Krishna (IBM) 님이 #Lightning Experience에 질문했습니다
2022년 12월 15일 오후 2:50

Could you please help me on this "Error during LWC component connect phase: [Cannot read properties of undefined (reading 'Consumer_Name__c')]"

Tempate:

<template>

<lightning-card title="New Connection Registration" icon-name="standard:investment_account">

<div>

<lightning-input label="Consumer Name" name="consumerName" type="text" value={formfields.Consumer_Name__c} onchange={changehandle}></lightning-input>

<lightning-input label="Father Name" name="fatherName" type="text" value={formfields.Father_Name__c} onchange={changehandle}></lightning-input>

<lightning-input label="Mobile Number" name="Phone" type="number" value={formfields.Mobile_Number__c} onchange={changehandle}></lightning-input>

<lightning-input label="District" name="district" type="text" value={formfields.District__c} onchange={changehandle}></lightning-input>

<lightning-input label="Mandal" name="mandal" type="text" value={formfields.Mandal__c} onchange={changehandle}></lightning-input>

<lightning-input label="Pin Code" name="pincode" type="number" value={formfields.Pin_Code__c} onchange={changehandle}></lightning-input>

<lightning-input label="Purpose of Supply" name="purposeofsupply" type="text" value={formfields.Purpose_of_Supply__c} onchange={changehandle}></lightning-input>

<lightning-input label="Address" name="address" type="text" value={formfields.Address__c} onchange={changehandle}></lightning-input>

<lightning-input label="Aadhar Number" name="aadhar" type="number" value={formfields.Aadhar_Number__c} onchange={changehandle}></lightning-input>

<lightning-input label="Contract Load" name="contractload" type="number" value={formfields.Contract_Load__c} onchange={changehandle}></lightning-input>

<br/>

<lightning-button label="Submit" onclick={handleSubmit} variant="Destructive" ></lightning-button>

</div>

</lightning-card>

</template>

Controller:

import { LightningElement } from 'lwc';

import { createRecord } from 'lightning/uiRecordApi';

import NEW_CONNECTION_OBJECT from '@salesforce/schema/New_Connection__c';

import Consumer_Name_FIELD from '@salesforce/schema/New_Connection__c.Consumer_Name__c';

import Father_Name_FIELD from '@salesforce/schema/New_Connection__c.Father_Name__c';

import Mobile_Number_FIELD from '@salesforce/schema/New_Connection__c.Mobile_Number__c';

import District_FIELD from '@salesforce/schema/New_Connection__c.District__c';

import Mandal_FIELD from '@salesforce/schema/New_Connection__c.Mandal__c';

import Pin_Code_FIELD from '@salesforce/schema/New_Connection__c.Pin_Code__c';

import Purpose_of_Supply_FIELD from '@salesforce/schema/New_Connection__c.Purpose_of_Supply__c';

import Address_FIELD from '@salesforce/schema/New_Connection__c.Address__c';

import Aadhar_Number_FIELD from '@salesforce/schema/New_Connection__c.Aadhar_Number__c';

import Contract_Load_FIELD from '@salesforce/schema/New_Connection__c.Contract_Load__c';

export default class NewRegistration extends LightningElement {

    formFields={

        Consumer_Name__c:'',

        Father_Name__c:'',

        Mobile_Number__c:'',

        District__c:'',

        Mandal__c:'',

        Pin_Code__c:'',

        Purpose_of_Supply__c:'',

        Address__c:'',

        Aadhar_Number__c:'',

        Contract_Load__c:''

    }

    changehandle(event){

        const {value, name} = event.target

        this.formFields={...this.formFields,[name]:value}

    }

    handleSubmit(){

        const fields = {};

        fields[Consumer_Name_FIELD.fieldApiName]=this.formFields.Consumer_Name__c;

        fields[Father_Name_FIELD.fieldApiName]=this.formFields.Father_Name__c;

        fields[Mobile_Number_FIELD.fieldApiName]=this.formFields.Mobile_Number__c;

        fields[District_FIELD.fieldApiName]=this.formFields.District__c;

        fields[Mandal_FIELD.fieldApiName]=this.formFields.Mandal__c;

        fields[Pin_Code_FIELD.fieldApiName]=this.formFields.Pin_Code__c;

        fields[Purpose_of_Supply_FIELD.fieldApiName]=this.formFields.Purpose_of_Supply__c;

        fields[Address_FIELD.fieldApiName]=this.formFields.Address__c;

        fields[Aadhar_Number_FIELD.fieldApiName]=this.formFields.Aadhar_Number__c;

        fields[Contract_Load_FIELD.fieldApiName]=this.formFields.Contract_Load__c;

       

        let recordInput={apiName:NEW_CONNECTION_OBJECT.objectApiName, fields};

        createRecord(recordInput).then(result=>{

            this.formFields={}

            console.log('New Connection Created Successfully', JSON.stringify(result.id))

        }).catch(error=>{

            console.error(error)

        })

    }

}

Error during LWC component connect phase: [Cannot read properties of undefined (reading 'Consumer_Name__c')]. I am getting this Error, Could you please help me on this
답변 1개
  1. Yash Kumar Gupta
    2022년 12월 19일 오전 5:50
    Hi Radha,

    You can fix it by adding an undefined check on the "Consumer_Name__c" before accessing it.

    Thanks,
답변을 작성하세요...
0/9000