What does the JSX compiler produce for JSX?

What does the JSX compiler produce for JSX?

• A. A string of HTML
• B. A DOM node
• C. React.createElement()
• D. A JSON object representing elements

Answer: (C)

JSX is transformed into JavaScript that calls a function to create elements. The compiler turns JSX into React.createElement calls, such as React.createElement('div', { className: 'foo' }, 'Hello'). Each call returns a React element object that describes what to render. This isn’t an HTML string or actual DOM nodes yet—the DOM is created later when React renders that element tree. So the produced output is React.createElement calls, which is why that option is the best choice. (Some setups use a similar runtime function, but the essential idea remains: JSX becomes a function call that returns a React element.)

JSX is transformed into JavaScript that calls a function to create elements. The compiler turns JSX into React.createElement calls, such as React.createElement('div', { className: 'foo' }, 'Hello'). Each call returns a React element object that describes what to render. This isn’t an HTML string or actual DOM nodes yet—the DOM is created later when React renders that element tree. So the produced output is React.createElement calls, which is why that option is the best choice. (Some setups use a similar runtime function, but the essential idea remains: JSX becomes a function call that returns a React element.)