Which of the following statements about JSX is true?

Which of the following statements about JSX is true?

• A. They must all be written in lowercase.
• B. They can have attributes, just like HTML elements.
• C. They cannot have attributes.
• D. They must be written as string literals.

Answer: (B)

JSX lets you attach attributes to elements to pass data into components, similar to how HTML works but with JavaScript power behind it. These attributes become props on the element or component, and you can set them with string values, numbers, booleans, or any JavaScript expression inside braces. For example, you can write something like color="red" or disabled={true} or onClick={handleClick}. This flexibility is what makes JSX expressive: you’re not limited to plain strings—you can compute values and pass dynamic data into your UI. The tag name distinction also matters: lowercase tag names map to built-in HTML elements, while uppercase tag names refer to React components. This means JSX elements do support attributes and aren’t restricted to being lowercase or to only string literals.

JSX lets you attach attributes to elements to pass data into components, similar to how HTML works but with JavaScript power behind it. These attributes become props on the element or component, and you can set them with string values, numbers, booleans, or any JavaScript expression inside braces. For example, you can write something like color="red" or disabled={true} or onClick={handleClick}. This flexibility is what makes JSX expressive: you’re not limited to plain strings—you can compute values and pass dynamic data into your UI.

The tag name distinction also matters: lowercase tag names map to built-in HTML elements, while uppercase tag names refer to React components. This means JSX elements do support attributes and aren’t restricted to being lowercase or to only string literals.