У овом одељку користићемо низ да бисмо објаснили нативну петљу досега у рендеру. За ово смо описали пример низа петље реакције у рендеру. Када желимо да направимо било коју веб апликацију, веома је важно да имамо знање о руковању низом података. У овом примеру видећемо употребу петље реаговати јс . У нашем датом примеру користићемо фор петљу у реацт јс. Да бисмо то урадили, морамо да следимо неке кораке.
У овом одељку користићемо апликацију за реакцију. Када нам је потребна мапа, фореацх петља и фор петља у реакцији, можемо погледати следећи пример да научимо употребу низа петљи н реацт јс. У низу увек желимо петљу фор и петљу фореацх. Када желимо да замотамо наш низ у досегу, за то ће бити потребна мапа. Дакле, објаснићемо пример мапе у реацт нативе-у. Нови низ се креира методом мап(). У низу за позивање, он даје резултат позивања функције за сваки елемент. Овим се процес петље може поједноставити. Када користимо мапу, не захтевамо употребу форЕацх функције и фор петље. Мапа, форЕацх петља, фор петља има много разлика. Уместо да препише постојеће податке, функција мапе користи податке и креира нови низ. Због свих карактеристика и једноставности функције мапе, Реацт документи нас снажно подстичу да користимо функцију мапе.
Даћемо два примера у апликацији за реаговање да бисмо објаснили овај једноставан концепт. У првом примеру ћемо описати реагну петљу, која има једнодимензионални низ. У другом примеру ћемо описати петљу која има вишедимензионални низ. Оба примера су следећа:
Пример 1:
рц/Апп.јс
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; Након покретања овог примера, добићемо следећи преглед:
