Nick Maddren Nick Maddren - 4 months ago 6
JSON Question

Accessing object within array in ReactJS

I am having an issue parsing some JSON data with React at the moment. Here is the JSON data I am trying to consume:

[
{
"id": 3,
"car_brand_id": 2,
"car_model_id": 7,
"youtube": "",
"title": "New Ibiza range available in Sunderland & Durham - Pulman SEAT ",
"description": "Buy a new Ibiza from Pulman SEAT - Available to test drive in Sunderland & Durham",
"slug": "ibiza",
"published": 1,
"news": 0,
"published_at": "2016-07-05 09:16:04",
"created_at": "2016-05-23 12:45:20",
"updated_at": "2016-07-05 13:16:04",
"offers": [
{
"id": 9,
"car_page_id": 3,
"car_trim_id": 15,
"car_type_id": 1,
"cap_code_id": 0,
"car_image_id": 70,
"derivative": "SC 1.2 TSI 90PS ",
"car_position_id": 6,
"youtube_code": "XDKSBXbIXV0",
"terms": "This offer is for the from Pulman SEAT is based on PCP (personal contract plan). Valid for retail customers only. Vehicles to be registered and delivered before 30/09/16. Offer can be withdrawn at any time. It can also be extended. No other offers may be used in conjunction with the above detailed offer. At the beginning of the plan SEAT Financial services is the legal owner and provider of this PCP. At the end of the agreement there are 3 options: (i) Renew: Part exchange the vehicle (ii) Retain: Pay the Optional Final Payment to own the vehicle or (iii) Return the vehicle. *Payable with first payment. ** Payable with optional final payment. #4.4p per mile excess mileage charges apply. Further charges may be payable if vehicle is returned. Indemnities may be required. Subject to status. Available to over 18s in the UK only. Offer is subject to vehicle availability and may be varied or withdrawn at any time. Certain vehicles excluded- ask for full details. Finance providers may pay us for introducing you to them. We can introduce you to a limited number of lenders to assist with your purchase, who may pay us for introducing you to them. † £2,500 deposit contribution available on Ibiza SC FR 1.2 TSI 90PS when purchased on SEAT Solutions. ^ £671 Saving based on RRP. Images for illustration purposes only. ^^ One year’s insurance included at no extra cost from SEAT Insurance is available on all qualifying new Ibiza FR models only ordered from 1st July 2016 to 30th September 2016 and registered by 10th January 2017 for drivers 18 and over. Drivers under 18 are not eligible. May exclude Northern Ireland. Drivers aged 18-24 are required to share their driving style data with a telematics product. Available on Ibiza FR trim only. Other eligibility criteria apply. Go to www.seat.co.uk/free-insurance-offer for full terms and conditions. This offer may be extended, changed or removed at any point. SEAT Motor Insurance from SEAT Financial Services is arranged and administered by Carrot Risk Technologies Limited.",
"status": 1,
"created_at": "2016-07-04 15:08:03",
"updated_at": "2016-07-19 14:03:46",
"image": {
"id": 70,
"car_image_category_id": 7,
"image_name": "Ibiza-FR-SC-Insurance",
"name": "aa093fb987a0898588daa8825f90001443afc68d.png",
"path": "img/imagedb/aa093fb987a0898588daa8825f90001443afc68d.png",
"thumbnail_path": "img/imagedb/thumbs/tn-aa093fb987a0898588daa8825f90001443afc68d.png",
"created_at": "2016-07-05 09:35:09",
"updated_at": "2016-07-05 09:35:09"
},
"trim": {
"id": 15,
"car_model_id": 7,
"name": "FR",
"created_at": "2016-06-08 10:07:45",
"updated_at": "2016-06-08 10:07:45"
}
}
],
"model": {
"id": 7,
"brand_id": 2,
"name": "Ibiza",
"created_at": "2016-05-23 12:44:29",
"updated_at": "2016-05-23 12:44:29"
}
},
{
"id": 6,
"car_brand_id": 2,
"car_model_id": 13,
"youtube": "",
"title": "New Mii range available in Sunderland & Durham - Pulman SEAT ",
"description": "Buy a new Mii from Pulman SEAT - Available to test drive in Sunderland & Durham",
"slug": "mii",
"published": 1,
"news": 0,
"published_at": "2016-07-05 05:51:57",
"created_at": "2016-06-08 10:57:52",
"updated_at": "2016-07-05 09:51:57",
"offers": [
{
"id": 6,
"car_page_id": 6,
"car_trim_id": 21,
"car_type_id": 1,
"cap_code_id": null,
"car_image_id": 60,
"derivative": "3DR 1.0 60PS",
"car_position_id": 2,
"youtube_code": "",
"terms": "At the end of the agreement there are three options: I) retain the vehicle: pay the optional final payment to own the vehicle; ii) return the vehicle; or iii) replace: part exchange the vehicle, subject to status. Available when purchased on Solutions Personal Contract Plan ordered until 30th September 2016. *Payable with first payment. ** Payable with optional final payment. Retail sales only. #4.4p per mile excess mileage charges apply. Further charges may be payable if vehicle is returned. Indemnities may be required. Subject to status. Available to over 18s in the UK only. Offer is subject to vehicle availability and may be varied or withdrawn at any time. † £1,800 deposit contribution available on Mii Design 1.0 3DR when purchased on SEAT Solutions. Finance providers may pay us for introducing you to them. We can introduce you to a limited number of lenders to assist with your purchase, who may pay us for introducing you to them. **Pulman SEAT price match guarantee is available on like for like new SEAT models with identical spec. A genuine quote must be provided within a 15-mile radius. images for illustration purposes only",
"status": 1,
"created_at": "2016-06-15 08:41:56",
"updated_at": "2016-07-04 22:15:25",
"image": {
"id": 60,
"car_image_category_id": 11,
"image_name": "Mii-Design",
"name": "dbecbdbc29234053e0bf8a09968ad991e7a17492.png",
"path": "img/imagedb/dbecbdbc29234053e0bf8a09968ad991e7a17492.png",
"thumbnail_path": "img/imagedb/thumbs/tn-dbecbdbc29234053e0bf8a09968ad991e7a17492.png",
"created_at": "2016-07-04 12:34:07",
"updated_at": "2016-07-04 12:34:07"
},
"trim": {
"id": 21,
"car_model_id": 13,
"name": "Design",
"created_at": "2016-06-14 09:17:10",
"updated_at": "2016-06-14 09:17:10"
}
}
],
"model": {
"id": 13,
"brand_id": 2,
"name": "Mii",
"created_at": "2016-06-08 10:54:21",
"updated_at": "2016-06-08 10:54:21"
}
},
{
"id": 8,
"car_brand_id": 2,
"car_model_id": 11,
"youtube": "",
"title": "New SEAT Leon range available in Sunderland & Durham - Pulman SEAT ",
"description": "Buy a new SEAT Leon from Pulman SEAT - Available to test drive in Sunderland & Durham",
"slug": "leon",
"published": 1,
"news": 0,
"published_at": "2016-07-05 05:53:33",
"created_at": "2016-07-04 08:38:32",
"updated_at": "2016-07-05 09:53:33",
"offers": [
{
"id": 21,
"car_page_id": 8,
"car_trim_id": 35,
"car_type_id": 1,
"cap_code_id": null,
"car_image_id": 50,
"derivative": "5DR 1.2 TSI 110PS",
"car_position_id": 19,
"youtube_code": "",
"terms": "At the end of the agreement there are three options: i) retain the vehicle: pay the optional final payment to own the vehicle; ii) return the vehicle; or iii) replace: part exchange the vehicle, subject to status. Available when purchased on Solutions Personal Contract Plan until 30th September 2016. Retail sales only. *Payable with first payment. ** Payable with optional final payment. #7.2p per mile excess mileage charges apply. Further charges may be payable if vehicle is returned. Indemnities may be required. Subject to status. Available to over 18s in the UK only. Offer is subject to vehicle availability and may be varied or withdrawn at any time. Certain vehicles excluded- ask for full details. † £2,000 deposit contributions available when purchased on SEAT Personal Contract Plan. Retail Sales Only. Finance providers may pay us for introducing you to them. We can introduce you to a limited number of lenders to assist with your purchase, who may pay us for introducing you to them. Images for illustrative purposes only. ",
"status": 1,
"created_at": "2016-07-05 08:29:28",
"updated_at": "2016-07-19 14:03:46",
"image": {
"id": 50,
"car_image_category_id": 12,
"image_name": "Leon-SE-5DR",
"name": "184484219879badbb5dab51b7421203c2bc16fa0.png",
"path": "img/imagedb/184484219879badbb5dab51b7421203c2bc16fa0.png",
"thumbnail_path": "img/imagedb/thumbs/tn-184484219879badbb5dab51b7421203c2bc16fa0.png",
"created_at": "2016-07-04 12:25:48",
"updated_at": "2016-07-04 12:25:48"
},
"trim": {
"id": 35,
"car_model_id": 11,
"name": "SE Dynamic",
"created_at": "2016-06-14 09:51:20",
"updated_at": "2016-06-14 09:51:20"
}
}
],
"model": {
"id": 11,
"brand_id": 2,
"name": "Leon",
"created_at": "2016-06-08 10:06:29",
"updated_at": "2016-06-08 10:06:29"
}
},
{
"id": 9,
"car_brand_id": 2,
"car_model_id": 14,
"youtube": "",
"title": "Lorem",
"description": "Lorem",
"slug": "ibiza-st",
"published": 0,
"news": 0,
"published_at": "2016-07-04 11:38:48",
"created_at": "2016-07-04 13:05:29",
"updated_at": "2016-07-04 15:38:48",
"offers": [],
"model": {
"id": 14,
"brand_id": 2,
"name": "Ibiza ST",
"created_at": "2016-06-08 10:54:53",
"updated_at": "2016-06-08 10:54:53"
}
},
{
"id": 10,
"car_brand_id": 2,
"car_model_id": 15,
"youtube": "",
"title": "New Leon ST range available in Sunderland & Durham - Pulman SEAT ",
"description": "Buy a new SEAT Leon ST from Pulman SEAT - Available to test drive in Sunderland & Durham",
"slug": "leon-st",
"published": 1,
"news": 0,
"published_at": "2016-07-05 05:54:09",
"created_at": "2016-07-04 13:23:23",
"updated_at": "2016-07-05 09:54:09",
"offers": [
{
"id": 22,
"car_page_id": 10,
"car_trim_id": 48,
"car_type_id": 1,
"cap_code_id": null,
"car_image_id": 53,
"derivative": "5DR 1.2 TSI 110PS",
"car_position_id": 23,
"youtube_code": "",
"terms": "At the end of the agreement there are three options: i) retain the vehicle: pay the optional final payment to own the vehicle; ii) return the vehicle; or iii) replace: part exchange the vehicle, subject to status. Available when purchased on Solutions Personal Contract Plan until 30th September 2016. Retail sales only. *Payable with first payment. ** Payable with optional final payment. #7.2p per mile excess mileage charges apply. Further charges may be payable if vehicle is returned. Indemnities may be required. Subject to status. Available to over 18s in the UK only. Offer is subject to vehicle availability and may be varied or withdrawn at any time. Certain vehicles excluded- ask for full details. † £2,000 deposit contributions available when purchased on SEAT Personal Contract Plan. Retail Sales Only. Finance providers may pay us for introducing you to them. We can introduce you to a limited number of lenders to assist with your purchase, who may pay us for introducing you to them. Images for illustrative purposes only.",
"status": 1,
"created_at": "2016-07-05 08:38:51",
"updated_at": "2016-07-19 14:15:41",
"image": {
"id": 53,
"car_image_category_id": 12,
"image_name": "Leon-ST-SE",
"name": "c743dc09fc1b24c1fac866baf6e3fe3f98f3e6af.png",
"path": "img/imagedb/c743dc09fc1b24c1fac866baf6e3fe3f98f3e6af.png",
"thumbnail_path": "img/imagedb/thumbs/tn-c743dc09fc1b24c1fac866baf6e3fe3f98f3e6af.png",
"created_at": "2016-07-04 12:25:49",
"updated_at": "2016-07-04 12:25:49"
},
"trim": {
"id": 48,
"car_model_id": 15,
"name": "SE Dynamic",
"created_at": "2016-06-14 10:39:16",
"updated_at": "2016-06-14 10:39:16"
}
}
],
"model": {
"id": 15,
"brand_id": 2,
"name": "Leon ST",
"created_at": "2016-06-08 10:55:21",
"updated_at": "2016-06-08 10:55:21"
}
},
{
"id": 11,
"car_brand_id": 2,
"car_model_id": 16,
"youtube": "",
"title": " New SEAT Leon Cupra range available in Sunderland - Pulman SEAT ",
"description": "Buy a new SEAT Leon Cupra from Pulman SEAT - Available to test drive in Sunderland & Durham",
"slug": "leon-cupra",
"published": 1,
"news": 0,
"published_at": "2016-07-05 05:55:06",
"created_at": "2016-07-04 13:27:04",
"updated_at": "2016-07-05 09:55:06",
"offers": [
{
"id": 11,
"car_page_id": 11,
"car_trim_id": 39,
"car_type_id": 1,
"cap_code_id": null,
"car_image_id": 67,
"derivative": "SC 2.0 TSI 290PS ",
"car_position_id": 11,
"youtube_code": "",
"terms": "At the end of the agreement there are three options: I) retain the vehicle: pay the optional final payment to own the vehicle; ii) return the vehicle; or iii) replace: part exchange the vehicle, subject to status. Available when purchased on Solutions Personal Contract Plan on vehicles ordered until 30th September 2016. Retail sales only. *Payable with first payment. ** Payable with optional final payment. #7.2p per mile excess mileage charges apply. Further charges may be payable if vehicle is returned. Indemnities may be required. Subject to status. Available to over 18s in the UK only. Offer is subject to vehicle availability and may be varied or withdrawn at any time. Certain vehicles excluded- ask for full details. † £2,500 deposit contribution available when purchased with SEAT finance. * Finance providers may pay us for introducing you to them. We can introduce you to a limited number of lenders to assist with your purchase, who may pay us for introducing you to them. Images for illustrative purposes only. Images for illustration purposes only.",
"status": 1,
"created_at": "2016-07-04 15:39:03",
"updated_at": "2016-07-19 14:03:46",
"image": {
"id": 67,
"car_image_category_id": 16,
"image_name": "Leon-Cupra",
"name": "860d4b8e32224ccabe5cf4c2b78424b0fccbf0ea.png",
"path": "img/imagedb/860d4b8e32224ccabe5cf4c2b78424b0fccbf0ea.png",
"thumbnail_path": "img/imagedb/thumbs/tn-860d4b8e32224ccabe5cf4c2b78424b0fccbf0ea.png",
"created_at": "2016-07-05 09:22:40",
"updated_at": "2016-07-05 09:22:40"
},
"trim": {
"id": 39,
"car_model_id": 16,
"name": "290",
"created_at": "2016-06-14 10:16:19",
"updated_at": "2016-06-14 10:16:19"
}
}
],
"model": {
"id": 16,
"brand_id": 2,
"name": "Leon Cupra",
"created_at": "2016-06-08 10:55:28",
"updated_at": "2016-06-08 10:55:28"
}
},
{
"id": 12,
"car_brand_id": 2,
"car_model_id": 17,
"youtube": "",
"title": " New SEAT Leon X-PERIENCE range available in Sunderland - Pulman SEAT ",
"description": "Buy a new SEAT Leon X-PERIENCE from Pulman SEAT - Available to test drive in Sunderland & Durham",
"slug": "leon-x-perience",
"published": 1,
"news": 0,
"published_at": "2016-07-05 05:56:46",
"created_at": "2016-07-04 13:40:32",
"updated_at": "2016-07-05 09:56:46",
"offers": [
{
"id": 23,
"car_page_id": 12,
"car_trim_id": 37,
"car_type_id": 1,
"cap_code_id": 175,
"car_image_id": 54,
"derivative": "2.0 TDI 150PS",
"car_position_id": 24,
"youtube_code": "",
"terms": "At the end of the agreement there are three options: i) retain the vehicle: pay the optional final payment to own the vehicle; ii) return the vehicle; or iii) replace: part exchange the vehicle, subject to status. Available when purchased on Solutions Personal Contract Plan until 30th September 2016. Retail sales only. *Payable with first payment. ** Payable with optional final payment. #7.2p per mile excess mileage charges apply. Further charges may be payable if vehicle is returned. Indemnities may be required. Subject to status. Available to over 18s in the UK only. Offer is subject to vehicle availability and may be varied or withdrawn at any time. Certain vehicles excluded- ask for full details. † £2,000 deposit contributions available when purchased on SEAT Personal Contract Plan. Retail Sales Only. Finance providers may pay us for introducing you to them. We can introduce you to a limited number of lenders to assist with your purchase, who may pay us for introducing you to them. Images for illustrative purposes only. ^^ This information should be used for illustration purposes only. Standard EU Test figures for comparison purposes, may not reflect real driving results.",
"status": 1,
"created_at": "2016-07-05 09:43:11",
"updated_at": "2016-07-19 14:15:41",
"image": {
"id": 54,
"car_image_category_id": 12,
"image_name": "Leon-X-Perience",
"name": "e3e791f870ef57ade77d1f04436d423ac9ae5755.png",
"path": "img/imagedb/e3e791f870ef57ade77d1f04436d423ac9ae5755.png",
"thumbnail_path": "img/imagedb/thumbs/tn-e3e791f870ef57ade77d1f04436d423ac9ae5755.png",
"created_at": "2016-07-04 12:25:50",
"updated_at": "2016-07-04 12:25:50"
},
"trim": {
"id": 37,
"car_model_id": 17,
"name": "SE",
"created_at": "2016-06-14 10:11:43",
"updated_at": "2016-06-14 10:11:43"
}
}
],
"model": {
"id": 17,
"brand_id": 2,
"name": "Leon X-PERIENCE",
"created_at": "2016-06-08 10:55:54",
"updated_at": "2016-06-08 10:55:54"
}
},
{
"id": 13,
"car_brand_id": 2,
"car_model_id": 18,
"youtube": "",
"title": "New SEAT Toledo range available in Sunderland - Pulman SEAT ",
"description": "Buy a new SEAT Toledo from Pulman SEAT - Available to test drive in Sunderland & Durham",
"slug": "toledo",
"published": 1,
"news": 0,
"published_at": "2016-07-05 05:56:34",
"created_at": "2016-07-04 13:40:48",
"updated_at": "2016-07-05 09:56:34",
"offers": [
{
"id": 19,
"car_page_id": 13,
"car_trim_id": 50,
"car_type_id": 1,
"cap_code_id": 197,
"car_image_id": 63,
"derivative": "1.4 TDI Ecomotive SE",
"car_position_id": 18,
"youtube_code": "",
"terms": "At the end of the agreement there are three options: I) retain the vehicle: pay the optional final payment to own the vehicle; ii) return the vehicle; or iii) replace: part exchange the vehicle, subject to status. Available when purchased on Solutions Personal Contract Plan on vehicles ordered until 30th September 2016. Retail sales only. *Payable with first payment. ** Payable with optional final payment. #7.2p per mile excess mileage charges apply. Further charges may be payable if vehicle is returned. Indemnities may be required. Subject to status. Available to over 18s in the UK only. Offer is subject to vehicle availability and may be varied or withdrawn at any time. Certain vehicles excluded- ask for full details. † £3,250 deposit contribution available on when purchased on SEAT Solutions. Finance providers may pay us for introducing you to them. We can introduce you to a limited number of lenders to assist with your purchase, who may pay us for introducing you to them. Images for illustrative purposes only. ^^ This information should be used for illustration purposes only. Standard EU Test figures for comparison purposes, may not reflect real driving results.",
"status": 1,
"created_at": "2016-07-05 08:17:55",
"updated_at": "2016-07-19 14:03:46",
"image": {
"id": 63,
"car_image_category_id": 14,
"image_name": "Toledo-Style-Advanced",
"name": "f2ba78e24b7f9286e5c4b37da716e491a99f2d23.png",
"path": "img/imagedb/f2ba78e24b7f9286e5c4b37da716e491a99f2d23.png",
"thumbnail_path": "img/imagedb/thumbs/tn-f2ba78e24b7f9286e5c4b37da716e491a99f2d23.png",
"created_at": "2016-07-04 12:41:54",
"updated_at": "2016-07-04 12:41:54"
},
"trim": {
"id": 50,
"car_model_id": 18,
"name": "SE",
"created_at": "2016-06-14 10:49:09",
"updated_at": "2016-06-14 10:49:09"
}
}
],
"model": {
"id": 18,
"brand_id": 2,
"name": "Toledo",
"created_at": "2016-06-08 10:56:11",
"updated_at": "2016-06-08 10:56:11"
}
},
{
"id": 14,
"car_brand_id": 2,
"car_model_id": 19,
"youtube": "",
"title": "New SEAT Alhambra range available in Sunderland - Pulman SEAT ",
"description": "Buy a new SEAT Alhambra from Pulman SEAT - Available to test drive in Sunderland & Durham",
"slug": "alhambra",
"published": 1,
"news": 0,
"published_at": "2016-07-05 05:57:49",
"created_at": "2016-07-04 13:41:03",
"updated_at": "2016-07-05 09:57:49",
"offers": [
{
"id": 15,
"car_page_id": 14,
"car_trim_id": 54,
"car_type_id": 1,
"cap_code_id": 3,
"car_image_id": 64,
"derivative": "2.0 TDI CR 150PS ",
"car_position_id": 14,
"youtube_code": "",
"terms": "At the end of the agreement there are three options: I) retain the vehicle: pay the optional final payment to own the vehicle; ii) return the vehicle; or iii) replace: part exchange the vehicle, subject to status. Available when purchased on Solutions Personal Contract Plan. Retail sales only. Offer available for vehicles ordered before 30th September 2016. *Payable with first payment. ** Payable with optional final payment. #7.2p per mile excess mileage charges apply. Further charges may be payable if vehicle is returned. Indemnities may be required. Subject to status. Available to over 18s in the UK only. Offer is subject to vehicle availability and may be varied or withdrawn at any time. Certain vehicles excluded- ask for full details. † £2,000 deposit contribution available on SEAT Alhambra when purchased on SEAT Solutions. Finance providers may pay us for introducing you to them. We can introduce you to a limited number of lenders to assist with your purchase, who may pay us for introducing you to them. ^^ This information should be used for illustration purposes only. Standard EU Test figures for comparison purposes, may not reflect real driving results. Images for illustrative purposes only.",
"status": 1,
"created_at": "2016-07-04 15:55:00",
"updated_at": "2016-07-19 14:03:46",
"image": {
"id": 64,
"car_image_category_id": 15,
"image_name": "Alhambra",
"name": "d6a0039805cdb91732992799ef0d52892767a36b.png",
"path": "img/imagedb/d6a0039805cdb91732992799ef0d52892767a36b.png",
"thumbnail_path": "img/imagedb/thumbs/tn-d6a0039805cdb91732992799ef0d52892767a36b.png",
"created_at": "2016-07-04 12:44:19",
"updated_at": "2016-07-04 12:44:19"
},
"trim": {
"id": 54,
"car_model_id": 19,
"name": "SE",
"created_at": "2016-06-14 10:55:55",
"updated_at": "2016-06-14 10:55:55"
}
}
],
"model": {
"id": 19,
"brand_id": 2,
"name": "Alhambra",
"created_at": "2016-06-08 10:56:23",
"updated_at": "2016-06-08 10:56:23"
}
},
{
"id": 15,
"car_brand_id": 2,
"car_model_id": 20,
"youtube": "mJTPmbuxwqQ",
"title": "New ATECA range available in Sunderland & Durham - Pulman SEAT ",
"description": "Buy a new SEAT ATECA from Pulman SEAT - Available to test drive in Sunderland & Durham",
"slug": "ateca",
"published": 1,
"news": 0,
"published_at": "2016-07-07 08:22:04",
"created_at": "2016-07-07 09:16:52",
"updated_at": "2016-07-07 12:22:04",
"offers": [
{
"id": 26,
"car_page_id": 15,
"car_trim_id": 62,
"car_type_id": 1,
"cap_code_id": null,
"car_image_id": 80,
"derivative": "1.0 TSI 115PS",
"car_position_id": 25,
"youtube_code": "",
"terms": "At the end of the agreement there are three options: I) retain the vehicle: pay the optional final payment to own the vehicle; ii) return the vehicle; or iii) replace: part exchange the vehicle, subject to status. Available when purchased on Solutions Personal Contract Plan ordered until 30th September 2016. *Payable with first payment. ** Payable with optional final payment. Retail sales only. #4.4p per mile excess mileage charges apply. Further charges may be payable if vehicle is returned. Indemnities may be required. Subject to status. Available to over 18s in the UK only. Offer is subject to vehicle availability and may be varied or withdrawn at any time. Finance providers may pay us for introducing you to them. We can introduce you to a limited number of lenders to assist with your purchase, who may pay us for introducing you to them. ",
"status": 1,
"created_at": "2016-07-07 12:13:50",
"updated_at": "2016-07-19 14:15:41",
"image": {
"id": 80,
"car_image_category_id": 17,
"image_name": "Ateca-First",
"name": "df14d12b1016b885cf63a47900886322d1c189f9.png",
"path": "img/imagedb/df14d12b1016b885cf63a47900886322d1c189f9.png",
"thumbnail_path": "img/imagedb/thumbs/tn-df14d12b1016b885cf63a47900886322d1c189f9.png",
"created_at": "2016-07-07 09:44:21",
"updated_at": "2016-07-07 09:44:21"
},
"trim": {
"id": 62,
"car_model_id": 20,
"name": "First Edition",
"created_at": "2016-07-07 09:06:31",
"updated_at": "2016-07-07 09:06:31"
}
}
],
"model": {
"id": 20,
"brand_id": 2,
"name": "Ateca",
"created_at": "2016-07-07 09:04:36",
"updated_at": "2016-07-07 09:04:36"
}
}
]


I can consume most of the data however when I try to access the object within the
"offers"
array it doesn't pull any data through.

At the moment I can pull data into my component like so:

{props.vehicle.model.name}


However if I try to pull data from within the array like so:

{props.vehicle.offers.derivative}


No data is pulled through to the front end, any idea how I can access that data?

Thanks, Nick

Answer

offers is Array of Objects, first you need get Array element by index and then get Object's property

props.vehicle.offers[0].derivative

Update

You get this error(TypeError: Cannot read property 'derivative' of undefined) because you have data where offers is empty Array, for instance { id: 9 }, has empty offers., if offers is empty Array offers[0] returns undefined, and when you try get property .derivative it will throw error because undefined does not have any properties., you can add condition which will check that offers has elements or not - Example