#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. вы можете это проверить.