style={{ color: 'red' }} - What are the inner curly braces for?

style={{ color: 'red' }} - What are the inner curly braces for?

• A. They indicate a string literal.
• B. They create a JavaScript object literal used as the style value.
• C. They denote a block of code.
• D. They specify an array of style values.

Answer: (B)

In React JSX, the style prop must receive a JavaScript object describing CSS properties. The outer curly braces indicate you’re inserting a JavaScript expression into JSX. Inside those, the inner curly braces create an object literal with style properties. So style={{ color: 'red' }} means: pass an object { color: 'red' } as the style value. This object tells React to apply the color red to the element. Remember that keys use camelCase (e.g., fontSize), and the outer vs inner braces distinguish the JSX expression from the object literal itself.

In React JSX, the style prop must receive a JavaScript object describing CSS properties. The outer curly braces indicate you’re inserting a JavaScript expression into JSX. Inside those, the inner curly braces create an object literal with style properties. So style={{ color: 'red' }} means: pass an object { color: 'red' } as the style value. This object tells React to apply the color red to the element. Remember that keys use camelCase (e.g., fontSize), and the outer vs inner braces distinguish the JSX expression from the object literal itself.