Реагировать на дочернее отображение нативного объекта внутри родительской карты - PullRequest
Новая
       9

Реагировать на дочернее отображение нативного объекта внутри родительской карты

0 голосов
/ 05 октября 2018

Возможно ли сопоставить дочерний объект с родительской картой?

У меня есть такие данные: 

[
 {
  "hdr_name": "A",
  "detail": [
    {
      "dtl_name": "Aaron Bennet"
    },
    {
      "dtl_name": "Ali Connors"
    }
  ]
 },
 {
  "hdr_name": "B",
  "detail": [
    {
      "dtl_name": "Bradley Horowitz"
    },
    {
      "dtl_name": "Brian Sweetland"
    },
  ]
 }
]

Я хочу показать имя заголовка и имя детали, я получил заголовокname используя map 

{this.props.selcheckSheet.data.map((item, index) => {
  return (
     <ListItem itemDivider key={index} >
      <Body>
       <Text>{item.hdr_name}</Text>
      </Body>                          
     </ListItem>

     //How to loop detail in item.detail?

})}

Итак, как получить item.detail и отобразить в ListItem?Я хочу сделать вид так: React Native View

1 Ответ

0 голосов
/ 05 октября 2018

Да, конечно, очень похоже на то, как вы уже сделали родитель: 

{this.props.selcheckSheet.data.map((item, index) => {
  return (
     <ListItem itemDivider key={index} >
      <Body>
       <Text>{item.hdr_name}</Text>
      </Body>                          
     </ListItem>

     {item.detail.map((u,i) => 
        <ListItem itemDivider key={'' + index + i} >
          <Body>
            <Text>{u.dtl_name}</Text>
          </Body>                          
        </ListItem>
     )}

}))}
...