Javascript 嵌套贴图无法渲染<；文本>；来自主循环的元素

我有一个嵌套的“信用”数组

我想在

元素中打印每个“标题”，然后在

元素中打印每个“信用”

我已经了解了以下关于如何实现这一点的问题，但一个是针对ReactJS的，使用HTML，另一个只使用ReactNative输出视图的开始标记：

我被告知有一个语法错误，因为它希望在第一个

元素结束后有一个右括号

以下是我所拥有的：

render() {
    return (
        <ScrollView style={styles.container}>
          <View style={styles.centredHighlightHeaderWrapper}>
            <Text style={styles.centredHighlightHeader}>
              Credits
            </Text>
          </View>


          {
            credits.map(item => (
                  <Text style={styles.centredHeader}>{item.heading}</Text>#Unexpected token -- js error says expecting "," - phpstorm says expecting ")"

              {
                item.credits.map(credit => (
                    <Text style={styles.name}>{credit.text}</Text>
                ))
              }
            ))
          }

        </ScrollView>
    );
  }

render（）{
返回(
信用
{
credits.map（项目=>(
{item.heading}#意外标记--js error表示期望“，”-phpstorm表示期望“）”
{
item.credits.map（信用=>(
{credit.text}
))
}
))
}
);
}

{
credits.map（项目=>(
{项目标题}
{
item.credits.map（信用=>(
{credit.text}
))
}
))
}

---

没有容器，不能有相邻的react元素。所以我把它们都放在一个React.Fragment中给你看

我刚刚在另一个元素中遇到了这个片段，几乎回答了我自己的问题。你比我强，所以你得到了要点：你也可以。。。而不是

render() {
    return (
        <ScrollView style={styles.container}>
          <View style={styles.centredHighlightHeaderWrapper}>
            <Text style={styles.centredHighlightHeader}>
              Credits
            </Text>
          </View>


          {
            credits.map(item => (
                  <Text style={styles.centredHeader}>{item.heading}</Text>#Unexpected token -- js error says expecting "," - phpstorm says expecting ")"

              {
                item.credits.map(credit => (
                    <Text style={styles.name}>{credit.text}</Text>
                ))
              }
            ))
          }

        </ScrollView>
    );
  }

{
        credits.map(item => (
             <React.Fragment>
               <Text style={styles.centredHeader}>{item.heading}</Text>

               {
                item.credits.map(credit => (
                    <Text style={styles.name}>{credit.text}</Text>
                ))
                }
             </React.Fragment>
        ))
      }