Arrays 映射中的问题映射-React Native

我正在制作的应用程序开发了以下数组格式来存储用户输入：

[
  {name: Bob,
   id: 1,
   sports: [{sport: Baseball,
             id: 1
            },
            {sport: Basketball,
             id: 2
            }]
  },
  {name: James,
   id: 2,
   sports: [{sport: Hockey,
             id: 3
            },
            {sport: Soccer,
             id: 4
            }]
  }
]

我正在尝试渲染它以有效地获得以下输出：

<Text>Bob</Text>
<Text>Baseball</Text>
<Text>Basketball</Text>

<Text>James</Text>
<Text>Hockey</Text>
<Text>Soccer</Text>

---

但我想我不知道如何解释这个问题？

您的代码中有很多错误，还是忽略了响应者

const userInput=[
{
姓名：“鲍勃”，
id:1，
体育：[
{体育：“棒球”，id:1}，
{体育：“篮球”，id:2}，
],
},
{
姓名：“詹姆斯”，
id:2，
体育：[
{体育：“曲棍球”，id:3}，
{体育：“足球”，id:4}，
],
},
];
{userInput.map（（用户）=>(
{user.name}
{user.sports.map（（s）=>(
{s.sport}
))}
))}

好吧，我刚刚发现我做错了什么，哈哈。我需要将第一个映射和第二个映射函数中的内容封装在一个视图中。例如：

    const display = Array.map(item => {
        return (
            <View>     <------------------------I didn't have these originally
                <View>
                    <Text>
                        {item.name}
                    </Text>
                </View>
                {item.sports.map(item2 => {
                    console.log(item2)
                    return (
                        <View>
                            <Text>
                                {item2.sport}
                            </Text>
                        </View>
                    )
                })}
            </View>     <------------------------I didn't have these originally
        )
    })

const display=Array.map（项=>{
返回(
您好，谢谢您的回复，我刚刚找出了我的错误并发布了它。这是因为我在您的回复中没有“和”之类的内容。是的！您发现的主要问题是：）
    const display = Array.map(item => {
        return console.log(item.name, item.sports.map(item2 => {
            return item2.sport}))
        })

    const display = Array.map(item => {
        return (
            <View>     <------------------------I didn't have these originally
                <View>
                    <Text>
                        {item.name}
                    </Text>
                </View>
                {item.sports.map(item2 => {
                    console.log(item2)
                    return (
                        <View>
                            <Text>
                                {item2.sport}
                            </Text>
                        </View>
                    )
                })}
            </View>     <------------------------I didn't have these originally
        )
    })