JSX được biên dịch như thế nào?
JSX được biên dịch như thế nào?

Video: JSX được biên dịch như thế nào?

Video: JSX được biên dịch như thế nào?
Video: ReactJS: 04-01 JSX - Cú pháp được sử dụng trong ReactJS 2024, Có thể
Anonim

Vì vậy, nếu các tệp JavaScript chứa JSX , rằng tệp đó sẽ phải được chuyển. Điều đó có nghĩa là trước khi tệp được vào trình duyệt web, JSX trình biên dịch sẽ dịch bất kỳ JSX thành JavaScript thông thường. JSX tạo ra các "phần tử" React. Phần tử React chỉ đơn giản là một đại diện đối tượng của một nút DOM.

Cũng được hỏi, JSX được phân tích cú pháp như thế nào?

JSX chỉ cần lấy một cú pháp giống HTML và chuyển nó thành React lồng nhau. Về cơ bản, có 3 điều chúng ta nên tìm ra khi phân tích cú pháp Một JSX code: Tên / thành phần của phần tử React. Đạo cụ của phần tử React.

Hơn nữa, JSX là gì? JSX là một cú pháp giống như XML / HTML được sử dụng bởi Phản ứng mở rộng ECMAScript để văn bản giống XML / HTML có thể cùng tồn tại với JavaScript / Phản ứng mã số. Không giống như trước đây, thay vì đưa JavaScript vào HTML, JSX cho phép chúng tôi đưa HTML vào JavaScript.

Hơn nữa, JSX hoạt động như thế nào?

JSX là một bước tiền xử lý bổ sung cú pháp XML vào JavaScript. Bạn chắc chắn có thể sử dụng Phản ứng không có JSX nhưng JSX làm cho Phản ứng thanh lịch hơn rất nhiều. Cũng giống như XML, JSX thẻ có tên thẻ, thuộc tính và con. Nếu một giá trị thuộc tính được đặt trong dấu ngoặc kép thì giá trị đó là một chuỗi.

Phản ứng có cần phải được biên dịch không?

Tổng hợp trong Phản ứng Tại thời điểm xây dựng, JSX là biên dịch thành mã JavaScript bắt buộc. Vì cả Babel và TypeScript đều hỗ trợ JSX từ lâu, React không không chỉ định phiên bản Babel hoặc TypeScript nào bạn phải sử dụng trong dự án của mình. Các biên dịch bản thân quá trình này khá đơn giản và dễ hiểu.

Đề xuất: