Atvaizdavimo sąlygos ir ciklai React atliekami naudojant sąlyginius sakinius ir ciklo struktūras JSX.
1. Atvaizdavimo sąlygos
- Naudojimas: galite naudoti JSX struktūrą norėdami patikrinti sąlygą ir pateikti skirtingus elementus pagal tą sąlygą. if-else if-else
For pavyzdys:
- Naudoti trijų dalių operatorių: taip pat galite naudoti trijų dalių operatorių, kad sutrumpintumėte JSX struktūrą. if-else
For pavyzdys:
- Naudojant loginį && operatorių: kai norite rodyti elementą tik tada, kai sąlyga yra teisinga, galite naudoti loginį && operatorių.
For pavyzdys:
2. Atvaizdavimo kilpos
- Naudojimas: galite naudoti šį metodą, norėdami kartoti masyvą ir pateikti atitinkamus elementus JSX. map map
For pavyzdys
- Ciklo naudojimas for: taip pat galite naudoti for ciklą, norėdami kartoti masyvą ir pateikti atitinkamus elementus JSX.
For pavyzdys:
- for Kiekvieno naudojimas: taip pat galite naudoti for kiekvieno metodą, norėdami kartoti masyvą ir pateikti atitinkamus elementus JSX.
For pavyzdys:
Sąlygos ir kilpos React leidžia kurti lanksčias ir dinamiškas vartotojo sąsajas. Naudodami sąlyginius sakinius ir ciklo struktūras JSX, galite rodyti skirtingus elementus ir generuoti sąrašus pagal duomenis jūsų React programoje.