Avtomatic html code in react

Reactni dastlab foydalanuvchilari js fayllarda html kodlarini avtomatik yoza olmay qiynalishadi. InnShaaAlloh bugun bu muamoni hal qilishga harakat qilamiz.

Biz 2 xil usuldan foydalanamiz.

Faylni js dan jsx ga almashtrish
Sozlamalar bo`limidan to`g`rilab qoyish

1-usul Faylni js dan jsx ga almashtrish

Header.js fayl html teglarni oddiy text sifatida qabul qiladi.

Header.jsx ga almashtirsak html teglarni qollab quvvatlaydi

jsx haqida batafsil

https://reactjs.org/docs/introducing-jsx.html

2-usul Sozlamalar bo`limidan to`g`rilab qo`yish

Rasmlar orqali qadam va qadam tushuntirilgan

Dastlabki holat html teg ni text db qabul qilyapti

1-Nastroykaga kiramiz

Settings bolimiga o`tamiz

Qidirish bo`limiga emmet db yozamiz va pastdagidek oyna chiqadi

Emmet:Include Languages bolimiga yangi item qoshamiz

item javascript

value javascriptreact

ok tugmasini bosamiz quyidagicha natija chiqishi kk

tamam endilikda js html teglarni teg sifatida qabul qiladi

classlar ham berish mumkin endi barcha html kodlarni bemalol yoza olamiz InnShaaAlloh

P.s. yangi usullarni InnShaaAlloh qoshib boramiz