Javascript ReactJS无法打印rest api响应中的嵌套值

Javascript ReactJS无法打印rest api响应中的嵌套值,javascript,reactjs,Javascript,Reactjs,这是我第一次编写React应用程序,并使用CreateReact应用程序创建示例应用程序。我正在使用axios调用一个RESTAPI,它会返回下面嵌套的json。我的组件显示第一级属性,但不是嵌套属性。请帮助了解我做错了什么 <Card type="inner" title="Social"> {social.dataall.map((social1,i) => ( <div

这是我第一次编写React应用程序,并使用CreateReact应用程序创建示例应用程序。我正在使用axios调用一个RESTAPI,它会返回下面嵌套的json。我的组件显示第一级属性,但不是嵌套属性。请帮助了解我做错了什么

<Card type="inner" title="Social">
            {social.dataall.map((social1,i) => (
                <div key={i} class="card">
                    <div class="card-body">
                        <h5 class="card-title">Name: {social1.FullName}</h5>
                        
                        {social1.Member1.map(function (member11, j) { 
                        return <div key={j}> <h5>member11</h5></div>
                        
                        {member11.User2.map(function (usr2, k) { 
                        return <div key={k}> <h5>Type: {usr2.firstName}</h5></div>
                        })}
                        })}
                    </div>
                </div>
           ))}
</Card>
无法打印类型{usr2.firstName}的值

您正在关闭此处的元素:

return <div key={j}> <h5>member11</h5></div>
//                                    ^^^^^^

谢谢你现在能够得到类型的值。你能告诉我如何进一步增强循环以获取UI上嵌套的roleName属性吗?我想显示类型:firstName姓氏,角色:roleName
Output:
Name:  Payment
member11
member11
return <div key={j}> <h5>member11</h5></div>
//                                    ^^^^^^