Šajā sadaļā mēs izmantosim masīvu, lai izskaidrotu sasniedzamības sākotnējo cilpu renderējumā. Šim nolūkam mēs esam aprakstījuši reaģēšanas cilpas masīva piemēru renderēšanā. Kad mēs vēlamies izveidot jebkuru tīmekļa lietojumprogrammu, ir ļoti svarīgi, lai būtu zināšanas par datu masīva apstrādi. Šajā piemērā mēs redzēsim cilpas in izmantošanu reaģēt js . Mūsu dotajā piemērā mēs izmantosim cilpu react js. Lai to paveiktu, mums ir jāveic dažas darbības.
Šajā sadaļā mēs izmantosim react lietotni. Ja mums ir nepieciešama karte, foreach cilpa un foreach in react, mēs varam apskatīt šo piemēru, lai uzzinātu, kā izmantot cilpas masīvu n react js. Masīvā mēs vienmēr vēlamies cilpu un foreach cilpu. Ja mēs vēlamies cilpu mūsu masīvu sasniegt, tam būs nepieciešama karte. Tāpēc mēs izskaidrosim react native kartes piemēru. Jauns masīvs tiek izveidots ar map() metodi. Izsaukšanas masīvā tas nodrošina katra elementa funkcijas izsaukšanas rezultātu. Ar to var vienkāršot cilpas procesu. Kad mēs izmantojam karti, mums nav jāizmanto funkcija forEach un cilpa. Kartei, katrai cilpai, cilpai ir daudz atšķirību. Tā vietā, lai pārrakstītu esošos datus, kartes funkcija izmanto datus un izveido jaunu masīvu. Pateicoties visām iespējām un kartes funkcijas vienkāršībai, React docs ļoti mudina mūs izmantot kartes funkciju.
Mēs sniegsim divus piemērus react lietotnē, lai izskaidrotu šo vienkāršo koncepciju. Pirmajā piemērā mēs aprakstīsim reakcijas cilpu, kurai ir viendimensijas masīvs. Otrajā piemērā mēs aprakstīsim cilpu, kurai ir daudzdimensiju masīvs. Abi piemēri ir šādi:
1. piemērs:
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;
Pēc šī piemēra palaišanas mēs iegūsim šādu priekšskatījumu: