JSX (JavaScript XML)

JSX (JavaScript XML) ialah sambungan sintaks untuk JavaScript yang biasa digunakan dengan React untuk menerangkan rupa antara muka pengguna. Ia kelihatan serupa dengan HTML tetapi berfungsi dalam JavaScript. JSX membolehkan anda menulis elemen HTML secara langsung dalam JavaScript dan meletakkannya dalam DOM. Ia menjadikan komponen React lebih mudah untuk ditulis dan difahami dengan menyerupai HTML secara visual.
Contoh JSX:

function Welcome(props) {
  return <h1>Hello, {props.name}!</h1>;
}

const element = <Welcome name="John" />;

Dalam contoh ini:

• Selamat datang ialah komponen berfungsi yang mengambil prop sebagai hujah.
• Elemen ialah ungkapan JSX yang menghantar nama "John" kepada komponen Selamat Datang.

JSX kemudiannya disusun ke dalam panggilan JavaScript biasa ke React.createElement() semasa proses binaan. Begini cara JSX mungkin disusun:

React.createElement(Welcome, { name: "John" });

Ia memudahkan penciptaan komponen React dan meningkatkan kebolehbacaan, membolehkan pembangun bekerja dengan reka letak UI dengan lebih intuitif.

Atas ialah kandungan terperinci JSX (JavaScript XML). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!