U ovom odjeljku koristit ćemo polje za objašnjenje izvorne petlje dosega u renderiranju. Za to smo opisali primjer niza petlje reakcije u prikazu. Kada želimo izgraditi bilo koju web aplikaciju, vrlo je važno imati znanje rukovanja nizom podataka. U ovom primjeru vidjet ćemo upotrebu petlje reagirati js . U našem primjeru koristit ćemo for petlju u react js. Da bismo to izveli, moramo slijediti neke korake.
U ovom ćemo odjeljku koristiti aplikaciju React. Kada nam je potrebna mapa, foreach petlja i for petlja u reakciji, možemo pogledati sljedeći primjer kako bismo naučili koristiti polje petlje n react js. U nizu uvijek želimo for petlju i foreach petlju. Kada želimo kružiti nizom u dosegu, za to će biti potrebna karta. Stoga ćemo objasniti primjer karte u react native-u. Metodom map() kreira se novi niz. U pozivnom nizu daje rezultat pozivanja funkcije na svakom elementu. Ovime se može pojednostaviti postupak petlje. Kada koristimo mapu, ne zahtijevamo upotrebu funkcije forEach i for petlje. Karta, forEach petlja, for petlja ima mnogo razlika. Umjesto prepisivanja postojećih podataka, funkcija karte koristi podatke i stvara novi niz. Zbog svih značajki i jednostavnosti funkcije karte, dokumenti Reacta snažno nas potiču na korištenje funkcije karte.
Dat ćemo dva primjera u aplikaciji React kako bismo objasnili ovaj jednostavan koncept. U prvom primjeru opisat ćemo reakcijsku petlju koja ima jednodimenzionalni niz. U drugom primjeru opisat ćemo petlju koja ima višedimenzionalni niz. Oba primjera su sljedeća:
Primjer 1:
rc/App.js
import React from 'react'; function App() { const myArray = ['Jack', 'Mary', 'John', 'Krish', 'Navin']; return ( <table class="table"> <tr> <th>ID</th> <th>Name</th> <th>Email</th> </tr> {students.map((student, index) => ( <tr> <td>{student.id}</td> <td>{student.name}</td> <td>{student.email}</td> </tr> ))} </table> ); } export default App; Nakon pokretanja ovog primjera dobit ćemo sljedeći pregled:
