Агуулгын хүснэгт:

Бүрэлдэхүүн хэсгүүдийг урвалд оруулах гурван өөр арга юу вэ?
Бүрэлдэхүүн хэсгүүдийг урвалд оруулах гурван өөр арга юу вэ?

Видео: Бүрэлдэхүүн хэсгүүдийг урвалд оруулах гурван өөр арга юу вэ?

Видео: Бүрэлдэхүүн хэсгүүдийг урвалд оруулах гурван өөр арга юу вэ?
Видео: What Happens During Wim Hof Breathing? 2024, May
Anonim

Үйлдвэрлэлийн түвшний ажилд өргөн хэрэглэгддэг React JS бүрэлдэхүүн хэсгүүдийг загварчлах найман өөр арга байдаг бололтой:

  1. Inline CSS.
  2. Ердийн CSS.
  3. JS дээрх CSS.
  4. Загвартай Бүрэлдэхүүн хэсгүүд .
  5. CSS модулиуд.
  6. Sass & SCSS.
  7. Бага.
  8. Загварлаг.

Үүнийг анхаарч үзэхэд та бүрэлдэхүүн хэсгүүдэд хэрхэн хариу үйлдэл үзүүлэх вэ?

a Урвалын бүрэлдэхүүн хэсэг чиний хүсэж байгаа зүйл хэв маяг , зүгээр л агуулсан CSS файл үүсгэ хэв маяг үүний төлөө бүрэлдэхүүн хэсэг . Бүтээх үед орон нутгийн ангийн нэрийг JS объектын шууд утга болгон буулгаж экспортлодог Хариу үйлдэл үзүүлэх - түүнчлэн ангиллын нэрийг өөрчилсөн оролтын CSS-ийн өөрчлөгдсөн хувилбар.

шугамын хэв маяг яагаад муу байдаг вэ? Хөтөч нь вэб хуудас бүрийг энгийн HTML рүү хөрвүүлдэг. Ашиглах нь шугаман хэв маяг HTML-д a муу Хөтөч үүнийг сайн ойлгохгүй байгаа тул дадлага хий. Хэрэв таны вэбсайт жижиг бөгөөд та гадны вэбсайтыг ашиглахыг хүсэхгүй байвал хэв маяг хуудас, дараа нь та дотоод руу явах хэрэгтэй хэв маяг Хөтөчүүд тэдгээрийг хялбархан ойлгох боломжтой.

Үүнээс гадна би ангиллын нэрийг хэрхэн хариу үйлдэл хийхэд ашиглах вэ?

ангийн нэр . CSS ангийг зааж өгөхийн тулд, ашиглах нь ангийн нэр шинж чанар. Энэ нь,, болон бусад бүх энгийн DOM болон SVG элементүүдэд хамаарна. Хэрэв чи React ашиглах Вэб бүрэлдэхүүн хэсгүүдтэй (энэ нь нийтлэг биш), ашиглах оронд нь ангийн шинж чанар.

React internal нь CSS ашигладаг уу?

CSS ашиглах загварчлах React Inative програмууд. Хөшигний ард. css файлуудыг хувиргадаг уугуул хариу үйлдэл үзүүлэх загварын объектууд (жишээг харна уу). Энэ трансформатор чадна -тай хамт хэрэглэнэ Төрөлхийн CSS-д хариу үйлдэл үзүүлэх модулиуд.

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