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