Show array elements in mapped array in ReactNative

Question

My Reducer is :

Reducer:

const initialState = {
  1: {
     id: '1',
     name: 'Name1',
     number: 11,
     myArray:["P1tag1","P1tag2", "P1tag3"]
    },
  2: {
     id: '2',
     name: 'Name2',
     number: 22,
     myArray:["P2tag1","P2tag2", "P2tag3"]
    }
}

Used mapStateToProps and mapped newData. I'm rendering the data like this:

   const renData = Object.keys(this.props.newData).map((key, idx) => {
    let data = this.props.newData[key]
      return (
          <View>
            <Text>{data.name} </Text>

            <Text>{data.number} /Text>

            <Text>
              myArray // <= How do I show the items from myArray here? 
            </Text>
          </View>

      )
  })

data.name and data.number are displayed fine. I'm trying to figure out how to show the array myArray from data.

Thanks.

Possible duplicate of loop inside React JSX

Chris
– Chris

2017-09-08 11:25:11 +00:00
Commented Sep 8, 2017 at 11:25 — Chris
– Chris, Commented Sep 8, 2017 at 11:25

Hemerson Carlin · Accepted Answer · 2017-09-08 11:30:05Z

2

Simply map through them:

<View> //or any other wrapper here
   {data.myArray.map((item, index) => <Text key={index}>{item}</Text>)}
<View>

edited Sep 8, 2017 at 11:30

answered Sep 8, 2017 at 11:24

Hemerson Carlin

7,4241 gold badge29 silver badges38 bronze badges

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

2 Comments

Somename Over a year ago

Cannot find variable: index Tried in a Text tag and outside it .. same error.

Hemerson Carlin Over a year ago

That's not possible. index is the respective item's index in myArray.

Collectives™ on Stack Overflow

Show array elements in mapped array in ReactNative

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related