Невозможно вернуть текст в типе ListItem

Question

Мне нужно вернуть текст ParcelId в формате List. Я попытался изменить текст рядом с View as ListItem, либо я не получаю вывод, либо стиль не поддерживается. Я не уверен, как обернуть текст в тип списка, нужна помощь. Спасибо.

Код:

<View style={styles.MainContainerView}>
        <View style={styles.ChildView}>
          <TouchableOpacity activeOpacity={0.7}
            onPress={this.expand_collapse_Function}>
            <Icon name="ios-arrow-dropdown"/>
          </TouchableOpacity>

          <View style={{ height: this.state.updatedHeight, overflow: 'hidden' }}>
            <Text style={styles.ExpandViewInsideText} 
              onLayout={(value) => this.getHeight(value.nativeEvent.layout.height)}>
                 {
                   this.props.parcels.map((list,j) => {
                    console.log(" Parcel Id:"+list.parcelId)
                     return(
                           <Text key={j}>  {" Parcel Id:" + list.parcelId} </Text>
                     )
                   })
                 }
            </Text>
          </View>
        </View>
      </View>

Answer 1

Я сделал это, обернув представление и текст внутри return, как показано ниже:

 return(
     <View key={j} 
           style={{ height: this.state.updatedHeight, overflow: 'hidden' }}>

    <Text onLayout={(value)=this.getHeight(value.nativeEvent.layout.height)} 
          style={styles.ExpandViewInsideText}> 
          {" Parcel Id:" + list.parcelId}
    </Text> 
    </View>
      )

Answer 2

Я бы сделал что-то подобное, пожалуйста, обратите внимание, что я не проверял этот фрагмент.

const listOfParcel = this.props.parcels;

return(
    <div>
        {listOfParcel.map((list,j) => {
            <li key={j}>{list.parcelId}</li>
        })}
    </div>
)