JSX хэрхэн эмхэтдэг вэ?
JSX хэрхэн эмхэтдэг вэ?

Видео: JSX хэрхэн эмхэтдэг вэ?

Видео: JSX хэрхэн эмхэтдэг вэ?
Видео: JSX гэж юу вэ? 2024, May
Anonim

Тэгэхээр, хэрэв JavaScript файлуудыг агуулж байгаа бол JSX , тэр файлыг шилжүүлэн суулгах шаардлагатай болно. Энэ нь файлын өмнө гэсэн үг юм авдаг вэб хөтөч рүү, a JSX хөрвүүлэгч ямар ч орчуулга хийх болно JSX ердийн JavaScript руу. JSX React "элементүүдийг" үүсгэдэг. React элемент нь DOM зангилааны объектын дүрслэл юм.

Мөн JSX хэрхэн задлан шинжилдэг вэ?

JSX зүгээр л HTML-тэй төстэй синтаксыг авч, түүнийг үүрлэсэн React болгон хувиргадаг. Үндсэндээ бид хэзээ болохыг олж мэдэх ёстой 3 зүйл байдаг задлан шинжлэх а JSX код: React элементийн нэр / бүрэлдэхүүн хэсэг. React элементийн тулгуурууд.

Цаашилбал, JSX гэж юу вэ? JSX ашигладаг XML/HTML-тэй төстэй синтакс юм Хариу үйлдэл үзүүлэх XML/HTML-тэй төстэй текстийг JavaScript/-тай зэрэгцэн оршихын тулд ECMAScript-ийг өргөтгөсөн. Хариу үйлдэл үзүүлэх код. Өмнөхөөс ялгаатай нь HTML дээр JavaScript оруулахын оронд JSX HTML-г JavaScript-д оруулах боломжийг бидэнд олгодог.

Түүнээс гадна JSX урвал хэрхэн ажилладаг вэ?

JSX нь JavaScript-д XML синтакс нэмдэг урьдчилсан процессорын алхам юм. Та мэдээж хэрэглэж болно Хариу үйлдэл үзүүлэх гүйгээр JSX гэхдээ JSX болгодог Хариу үйлдэл үзүүлэх хамаагүй илүү дэгжин. Яг XML шиг, JSX шошго нь шошгын нэр, шинж чанар, хүүхдүүдтэй байдаг. Хэрэв атрибутын утгыг хашилтанд оруулсан бол утга нь мөр болно.

Хариултыг эмхэтгэх шаардлагатай юу?

Эмхэтгэл in Хариу үйлдэл үзүүлэх JSX бүтээх үед эмхэтгэсэн зайлшгүй JavaScript код руу. Babel болон TypeScript аль аль нь удаан хугацааны туршид JSX-г дэмждэг тул, React хийдэг Та төсөлдөө Babel эсвэл TypeScript-ийн аль хувилбарыг ашиглахаа зааж болохгүй. The эмхэтгэх үйл явц нь өөрөө маш энгийн бөгөөд ойлгоход хялбар байдаг.

Зөвлөмж болгож буй: