Как использовать для внутреннего представления цикла в react native

#reactjs #react-native #foreach #react-map-gl

Вопрос:

У меня есть массив vehicle_details из 2 объектов, приведенных ниже

 vehicle_details: Array(2) 0: {id: 919, requisition_id: 932, vehicle_id: 39, vehicle_no: "TN02K8762", shift: "Double Shift", …} 1: {id: 972, requisition_id: 932, vehicle_id: 234, vehicle_no: "MH12AU1234", shift: "Double Shift", …}  

Хотите отобразить данные. поэтому мне нужно использовать цикл for в JSX.

 lt;View style={[styles.continer]}gt;  lt;ScrollViewgt;  {this.renderRequisition()}  {  {  vehicle_details.map(x =gt; {  this.renderVehicleDetails(x)  })  }  }  }  {this.renderOwnerDetails()}  {this.renderBPRFilesList()}  {this.renderRentReqBtn()}  lt;/ScrollViewgt;  lt;/Viewgt;  

вот мое определение функции renderVehicleDetails()

 renderVehicleDetails() {  return (  lt;View style={[styles.listShaowContainer]}gt;  lt;View style={[styles.listContainer]}gt;  lt;View style={[styles.deviderHeaderHorizantal]} /gt;  {this.renderVehicleData()}  lt;View style={[styles.deviderHeaderHorizantal]} /gt;  lt;ScrollView  showsHorizontalScrollIndicator={false}  showsVerticalScrollIndicator={false}  contentContainerStyle={{ flexDirection: 'column' }}  horizontal={true}gt;  {this.renderVehicleDetailsTableHeader({}, -1)}  lt;View style={[styles.deviderHeaderHorizantal]} /gt;  lt;FlatList  data={data}  showsVerticalScrollIndicator={false}  keyExtractor={(item, index) =gt; index.toString()}  renderItem={({ index, item }) =gt; {  return (  this.renderVehicleDetailsCell(item, index)  )  }}  /gt;  lt;/ScrollViewgt;  lt;/Viewgt;  lt;/Viewgt;  );  }  

вот данные

основной массив:

 accountNo: "350601" approval_by: 0 approval_date: "0001-01-01T00:00:00" approval_name: "N/A" approval_status: "Pending" bankName: " Bank" branchName: "Kovilpatti" budgetamt: 115000 current_diesel_rate: 102 diffamt: 115000 ifscCode: "" isPaymentapplicable: true month: 10 owner_name: " Kumar" payment_type: "NEFT" paymenthistory: [] paymenttype: null remark: "" reqNo: "" requisitionId: 932 requisition_type: "Vehicle Charges Request" site_id: 62 site_name: "KATTUPALLI" stateName: "Tamil Nadu" totalamt: 0 vehicle_details: (2) [{…}, {…}] vehicleagreementid: 35 year: 2021  

а вот массив vehicle_details:

 accountNo: null bankName: null contactNo: null diesel_consumption_rate: 0 endkmr: 0 hiringfrom: "2021-10-01T05:30:00" hiringto: "2021-10-31T05:30:00" hsdScope: "N" id: 919 ifscCode: null requisition_id: 932 shift: "Double Shift" startKmr: 0 vehicleRequisitionEmployees: (25) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}] vehicle_id: 39 vehicle_no: "02K8762" vehiclehiringcharges: 55000 vendorCode: null  

Итак, у меня есть 2 массива json в массиве vehicle_details, пожалуйста, проверьте выше массив json с индексом 0, и в этом массиве также есть соседний массив vehicleRequisitionEmployees, поэтому я не могу использовать функцию map .

но это не работает, получая ошибки. Заранее спасибо.

Комментарии:

1. что же this.renderVehicleDetails делать?

2. @jted95 Пожалуйста, проверьте, что я тоже добавил определение функции

3. мой ответ будет похож на то, что опубликовал @SoGoddamnUgly. вы можете это проверить.