How can I render an item from an array with a key

Question

I have an array which stores data according to date, how can I render the data on a particular date?

I tried to use array[0].Data and it works, but what I really want to achieve is something like passing a prop "array(Jul)" and it shows the data in Jul. Is there a way to achieve this?

let array = [{Month: "Jul", Data: "this is my data", Place: "UK"},{Month: "Aug", Data: "this is my data2", Place: "USA"}] 

<View >
    <Text small bold white> {array(Jul).Data} </Text>
</View>

remeus · Accepted Answer · 2019-08-01 16:46:40Z

1

You can use find:

array.find(x => x.Month === 'Jul').Data

answered Aug 1, 2019 at 16:46

remeus

2,4692 gold badges13 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Andy Tsao Over a year ago

Thank you very simple and easy !!

cuongtd · Accepted Answer · 2019-08-01 17:08:51Z

1

You could convert the array to an object

let array = [{Month: "Jul", Data: "this is my data", Place: "UK"},{Month: "Aug", Data: "this is my data2", Place: "USA"}] 

const newData = array.reduce((acc, item) => (acc[item.Month] = item.Data, acc),{});

console.log(newData)
console.log(newData['Jul'])

and accress to Data like below

<View >
    <Text small bold white> {newData['Jul']} </Text>
</View>

edited Aug 1, 2019 at 17:08

answered Aug 1, 2019 at 16:58

cuongtd

3,2323 gold badges22 silver badges39 bronze badges

1 Comment

Andy Tsao Over a year ago

Thank you !! That gives me a new idea !!

Collectives™ on Stack Overflow

How can I render an item from an array with a key

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related