如何在React-Native中的map循环之间返回文本

Question

我想在React Native中的map循环之间返回文本。我想显示这样的结果：

Project A
  Team 1
  Team 2

 Project B
  Team 3
  Team 4

这是我的来源：

renderData(){
  return this.state.teams.map(i => {
  return (
    <View>
      <Text style={{marginTop: 8,}}>{i.project}</Text>
    </View>
  )
  return i.users.map(j =>{
    return(
      <View>
        <Text style={{marginTop: 8,}}>{j.name}</Text>
      </View>   
    )
  });
});
}

这是JSON数据：

"teams": [
   {
     "project": "projectA"
     "users":[
        {"name":"Team 1"},
        {"name":"Team 2"}
     ]
    },
    {
     "project": "projectB"
     "users":[
        {"name":"Team 3"},
        {"name":"Team 4"}
      ]
    }
  ]

源仍然无法正常工作，如何解决？感谢

Answer 1

你的第二次回归似乎是无法访问的代码。我认为这应该有用。

renderData(){
  return this.state.teams.map(i => {
    return (
      <View>
        <Text style={{marginTop: 8,}}>{i.project}</Text>
        {
          i.users.map(j => {
              return(
                <View>
                  <Text style={{marginTop: 8,}}>{j.name}</Text>
                </View>   
              )
            });
         }
      </View>
    );
  });
}