嵌套渲染与嵌套数组本地反应

Question

我很难返回包含嵌套映射数组的渲染

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) {
  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>
)
}

Answer 1

用大括号包装第二个map函数

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>
);
};