JSX được transpile thành gì? Hãy cho ví dụ minh họa.

JSX được Babel (hoặc các compiler khác như SWC) transpile thành các lời gọi hàm tạo element của React.

Trước React 17, nó được compile thành React.createElement(type, props, ...children).

Ví dụ:

<h1 className="title">Hello</h1>

Sẽ trở thành:

React.createElement("h1", { className: "title" }, "Hello")

Kể từ React 17 (với JSX Transform mới), có thể sử dụng JSX mà không cần import React vì nó sử dụng các hàm đặc biệt (như _jsx từ react/jsx-runtime).