在ReactNative中显示映射数组中的数组元素

时间:2017-09-08 11:23:16

标签: javascript reactjs

我的减速机是:

减速机:

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

已使用mapStateToProps并已映射newData。我正在渲染这样的数据:

   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.namedata.number显示正常。我正试图弄清楚如何从myArray显示数组data

感谢。

1 个答案:

答案 0 :(得分:2)

只需通过它们进行映射:

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