React native 使用嵌套数组在本机上进行嵌套渲染

我在返回包含嵌套映射数组的渲染时遇到了困难

renderData(data) {
return (
    <View>
        {
            data.map((myData, index1) => {
                return (
                    <Text key={'ev' + index1}>{myData.name}</Text>
                myData.children.map((children, index2) => {
                    return (
                        <Text key={'pi' + index2}>{children.id}</Text>
                    )
                })
            )
            })
        }
    </View>
)
}

renderData（数据）{
返回(
{
data.map（（myData，index1）=>{
返回(
{myData.name}
myData.children.map（（children，index2）=>{
返回(
{children.id}
)
})
)
})
}
)
}

这给了我一个语法错误。正确的方法是什么

我还尝试将第二个函数放在括号中：

renderData(data) {
  return (
    <View>
        {
            data.map((myData, index1) => {
                return (
                    <Text key={'ev' + index1}>{myData.name}</Text>
                    {
                       myData.children.map((children, index2) => {
                        return (
                            <Text key={'pi' + index2}>{children.id}</Text>
                        )
                      })
                    }
            })
        }
    </View>
)
}

renderData（数据）{
返回(
{
data.map（（myData，index1）=>{
返回(
{myData.name}
{
myData.children.map（（children，index2）=>{
返回(
{children.id}
)
})
}
})
}
)
}

将第二个贴图功能与卷曲的brakcets包裹在一起

const renderData = data => {
return (
    <View>
    {data.map((myData, index1) => {
        return (
        <>
            <Text key={"ev" + index1}>{myData.name}</Text>
            {myData.children.map((children, index2) => {
                return <Text key={"pi" + index2}>{children.id}</Text>;
            })}
        </>
        );
    })}
    </View>
);
};

const renderData=data=>{
返回(
{data.map（（myData，index1）=>{
返回(
{myData.name}
{myData.children.map（（children，index2）=>{
返回{children.id}；
})}
);
})}
);
};

将第二个贴图功能与卷曲的brakcets包裹在一起

const renderData = data => {
return (
    <View>
    {data.map((myData, index1) => {
        return (
        <>
            <Text key={"ev" + index1}>{myData.name}</Text>
            {myData.children.map((children, index2) => {
                return <Text key={"pi" + index2}>{children.id}</Text>;
            })}
        </>
        );
    })}
    </View>
);
};

const renderData=data=>{
返回(
{data.map（（myData，index1）=>{
返回(
{myData.name}
{myData.children.map（（children，index2）=>{
返回{children.id}；
})}
);
})}
);
};

你的括号还好吗？：你的括号还好吗D@MarcoJr我已经为您更新了我的答案：）问题是您需要一个且只有一个父元素。因此，在本例中，您的aprent元素将是或@MarcoJr，我已经为您更新了我的答案：）问题是您需要一个且只有一个父元素。因此，本例中的aprent元素将是或