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
5 months agoDottie
5 months agoStefan
5 months agoBarbra
6 months agoAhmed
6 months agoVallie
6 months agoDonte
6 months agoRaymon
6 months agoJanella
6 months agoMakeda
6 months agoMaryann
6 months agoLamonica
6 months agoTomoko
7 months agoPhuong
7 months agoCharisse
7 months agoKimberely
7 months agoEmelda
7 months ago