Northern Tail Outfitters (NTO) is converting an existing aura component into a Lightning Web Component. The aura component has the following source code:

What is the equivalent of this code in a Lightning Web Component?
A)

B)

C)

D)

The equivalent of this code in a Lightning web component is option B. Option B uses the @api decorator to expose firstName as a public property of the Lightning web component and communicate it with other components or services. The @api decorator is a decorator that marks a property or method as public, which means that it can be accessed by other components or services that use or consume this component. The @api decorator also makes the property reactive, which means that it can track changes and update the component accordingly. In option B, firstName is exposed as a public property using the @api decorator and passed to the child element using an attribute. Option A is incorrect because it uses an invalid syntax for exposing firstName as a public property. The @api decorator should be used before the property declaration, not after it. Option C is incorrect because it uses an invalid syntax for exposing firstName as a public property. The @api decorator should be used with parentheses, not without them. Option D is incorrect because it uses an invalid syntax for exposing firstName as a public property. The @api decorator should be used with camel case, not with hyphens. Salesforce Reference: Lightning Web Components Developer Guide: Communicate with Properties, Lightning Web Components Developer Guide: Decorators
Barrie
8 months agoDottie
8 months agoStefan
8 months agoBarbra
9 months agoAhmed
9 months agoVallie
9 months agoDonte
9 months agoRaymon
9 months agoJanella
9 months agoMakeda
10 months agoMaryann
10 months agoLamonica
10 months agoTomoko
10 months agoPhuong
10 months agoCharisse
10 months agoKimberely
10 months agoEmelda
10 months ago