How to dynamically fetch recordId in LWC salesforce - Salesforce Globe For You

 How to dynamically fetch recordId in LWC salesforce  - Salesforce Globe For You 

Scenario: When I drag this LWC component on a particular salesforce record page(for example any account record),I need to get it's Id and display it in this LWC Component.

Solution:Use @api recordId in LWC Component.

Example:

displayRecordIdInLwc.html

<template>

    <lightning-card>

        <div style="padding-left: 10px;"><strong>Record Id :</strong>{recordId}</div>

    </lightning-card>

</template>

displayRecordIdInLwc.js

import { LightningElement,api } from 'lwc';

export default class DisplayRecordIdInLwc extends LightningElement {

    @api recordId;

}

displayRecordIdInLwc.js-meta.xml

<?xml version="1.0" encoding="UTF-8"?>

<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">

    <apiVersion>51.0</apiVersion>

    <isExposed>true</isExposed>

    <targets>

        <target>lightning__RecordPage</target>

        <target>lightning__AppPage</target>

        <target>lightning__HomePage</target>

    </targets>

</LightningComponentBundle>

Output: