Мазмұны:

Компоненттерді реакцияда стильдеудің үш түрлі жолы қандай?
Компоненттерді реакцияда стильдеудің үш түрлі жолы қандай?

Бейне: Компоненттерді реакцияда стильдеудің үш түрлі жолы қандай?

Бейне: Компоненттерді реакцияда стильдеудің үш түрлі жолы қандай?
Бейне: ЗАБУДЬТЕ О БОЛИ В ПЛЕЧЕ И ПОЯСНИЦЕ! Самый эффективный метод лечение 2024, Желтоқсан
Anonim

Өндірістік деңгейде жұмыс істеу үшін салада кеңінен қолданылатын React JS компоненттерін сәндеудің шамамен сегіз түрлі жолы бар сияқты:

  1. Кірістірілген CSS.
  2. Қалыпты CSS.
  3. JS ішіндегі CSS.
  4. Стильді Құрамдас бөліктер .
  5. CSS модульдері.
  6. Sass және SCSS.
  7. Аздау.
  8. Стильді.

Осыны ескере отырып, компоненттерді реакцияға қалай мәнерлейсіз?

Үшін Реакция компоненті сіз қаласаңыз стиль , жай ғана қамтитын CSS файлын жасаңыз стильдер сол үшін құрамдас . Құрастыру уақытында жергілікті сынып атаулары JS нысанының литералы ретінде салыстырылады және экспортталады Реакция - сонымен қатар класс атаулары өзгертілген енгізу CSS-тің өзгертілген нұсқасы.

неге кірістірілген стильдер нашар? Браузерлер әрбір веб-бетті қарапайым HTML тіліне аударады. Қолдану кірістірілген стильдер HTML тілінде а нашар тәжірибе, себебі браузер оны жақсы түсінбейді. Егер сіздің веб-сайтыңыз кішкентай болса және сыртқы веб-сайтты пайдаланғыңыз келмесе стиль парақтар, содан кейін сіз ішкі жағына баруыңыз керек стильдер өйткені браузерлер оларды оңай түсінеді.

Бұдан басқа, реакцияда className қалай пайдаланамын?

сынып атауы . CSS сыныбын көрсету үшін, пайдалану the сынып атауы атрибут. Бұл,, және басқалар сияқты барлық қалыпты DOM және SVG элементтеріне қатысты. Егер де сен React пайдаланыңыз веб-компоненттерімен (бұл сирек кездесетін), пайдалану орнына класс төлсипаты.

Жергілікті реакция CSS пайдаланады ма?

CSS пайдаланыңыз сәндеу үшін React Native қолданбалар. Сахна артында. css файлдар түрлендіріледі жергілікті реакция стиль нысандары (мысалдарды қараңыз). Бұл трансформатор алады бірге қолданылады React Native CSS модульдер.

Ұсынылған: