Nega Reactjs-ni o'rganing?



Download 99,79 Kb.
bet5/6
Sana20.07.2022
Hajmi99,79 Kb.
#825912
1   2   3   4   5   6
Bog'liq
React JS

Codecademy

); } }

Sinf komponentining render()usuli har qanday JSX ni, jumladan HTML elementlari va moslashtirilgan React komponentlarini ham qaytarishi mumkin.

Misolda biz komponent va "vanil" HTML sarlavhasini qaytaramiz.

Bu boshqa joyda aniqlangan deb taxmin qiladi .

this.props

  • class Hello extends React.Component { render() { return

    Hi there, {this.props.firstName}!

    ; } } ReactDOM.render(, document.getElementById('app'));
  • Reaktsiya sinfi komponentlari this.propsob'ekt bilan o'zlarining rekvizitlariga kirishlari mumkin.

    Quyidagi misol kodida komponentni firstNameprop bilan ko'rsatilayotganini ko'ramiz . Unga komponent render()usulida kirish mumkin this.props.firstName.

    Bu “Salom, Kim!” matnini berishi kerak.

defaultProps

  • class Profile extends React.Component { render() { return (

    {this.props.name}

    ); } } Profile.defaultProps = { profilePictureSrc: 'https://example.com/no-profile-picture.jpg', }; class MyFriends extends React.Component { render() { return (

    My friends


    ); } }

React komponentining defaultPropsobyekti rekvizitlar uzatilmagan

React komponentining defaultPropsobyekti rekvizitlar uzatilmagan

taqdirda foydalanish uchun standart qiymatlarni o'z ichiga oladi. 

Agar rekvizit komponentga o'tkazilmasa, u defaultPropsob'ektdagi qiymat bilan almashtiriladi.

Misol kodida, defaultPropsagar hech biri o'rnatilmagan bo'lsa, profillar

zaxira profil rasmiga ega bo'lishi uchun o'rnatiladi. 

Komponent ikkita profilni ko'rsatishi kerak:

biri o'rnatilgan profil rasmiga ega va ikkinchisi zaxira profil rasmiga ega.

super()Konstruktorga qo'ng'iroq qiling

  • // WRONG! class BadComponent extends React.Component { constructor() { this.state = { favoriteColor: 'green' }; } // ... } // RIGHT! class GoodComponent extends React.Component { constructor(props) { super(props); this.state = { favoriteColor: 'green' }; } // ... }

Reaktsiya sinfi komponentlari o'z ob'ektini super(props)to'g'ri sozlash uchun o'z konstruktorlarini chaqirishi kerak.this.props

Download 99,79 Kb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©hozir.org 2024
ma'muriyatiga murojaat qiling

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish