Šiame skyriuje mes naudosime masyvą, kad paaiškintume pasiekiamumo savąją kilpą atvaizde. Tam mes aprašėme react loop masyvo pavyzdį atvaizde. Kai norime sukurti bet kokią žiniatinklio programą, labai svarbu turėti žinių apie duomenų masyvo tvarkymą. Šiame pavyzdyje matysime kilpos in naudojimą reaguoti js . Pateiktame pavyzdyje react js naudosime for ciklus. Norėdami tai padaryti, turime atlikti keletą žingsnių.
Šiame skyriuje naudosime react programą. Kai mums reikia žemėlapio, foreach ciklo ir for loop in react, galime pažvelgti į šį pavyzdį, kad išmoktume naudoti kilpos masyvą n react js. Masyve visada norime ciklo ir foreach ciklo. Kai norime pasiekti savo masyvą, tam reikės žemėlapio. Taigi mes paaiškinsime žemėlapio pavyzdį react native. Naujas masyvas sukuriamas map() metodu. Iškvietimo masyve jis pateikia kiekvieno elemento funkcijos iškvietimo rezultatą. Dėl to kilpos procesas gali būti supaprastintas. Kai naudojame žemėlapį, nereikalaujame naudoti forEach funkcijos ir ciklo. Žemėlapis, forKiekviena kilpa, kilpa turi daug skirtumų. Užuot perrašiusi esamus duomenis, žemėlapio funkcija naudoja duomenis ir sukuria naują masyvą. Dėl visų funkcijų ir žemėlapio funkcijos paprastumo React docs primygtinai ragina naudoti žemėlapio funkciją.
Mes pateiksime du pavyzdžius „React“ programoje, kad paaiškintume šią paprastą koncepciją. Pirmajame pavyzdyje aprašome reakcijos kilpą, kuri turi vienmatį masyvą. Antrame pavyzdyje apibūdinsime kilpą, kuri turi daugiamatį masyvą. Abu pavyzdžiai yra tokie:
1 pavyzdys:
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; Paleidę šį pavyzdį, gausime tokią peržiūrą:
