Lesson: 01 | How do you send data from parent to child in LWC?

Notes

Notes

In Lightning Web Components (LWC), you can pass data from a parent component to a child component using component properties. Here are the steps to send data from a parent to a child component in LWC:

1. In the parent component's JavaScript file, define a property that you want to pass to the child component. For example, if you want to pass a string to the child component, you can define a property like this:

@api message = 'Hello from parent!';

The @api decorator makes the property public, which means it can be accessed by the child component.

2. In the parent component's HTML file, use the child component and bind the property to the component using the property name. For example, if you have a child component named myChild, you can pass the message property like this:

<template>
  <c-my-child message={message}></c-my-child>
</template>

3. In the child component's JavaScript file, declare a property with the same name as the property in the parent component. For example:

@api message;

4. In the child component's HTML file, use the property to display the data. For example:

<template>
  <p>{message}</p>
</template>

You need to login to have access to the quizzes. Next

Mastered by 21 users.

Interview

A. Administrator (78 lessons)

B. Flow Builder (9 lessons)

C. Apex (41 lessons)

D. Integration (12 lessons)

E. Lightning Web Components (10 lessons)

F. Asynchronous Apex (0 lessons)

G. Miscellaneous (1 lessons)

H. Soft Skills (8 lessons)

Go to top

Login to your account

Lesson: 01 | How do you send data from parent to child in LWC?

Notes

Interview