类型错误：无法读取未定义的属性'map'：具有对象列表的对象

Question

我正在尝试使用以下json格式映射数据。 具有对象列表的对象。

'''{"pki_user_id"：1234，"vc_username"：null，"vc_password"：null，"vc_name"："穆罕默德"，"vc_email"："[e-mail]"，"b_isreset"：false，"b_timeout"：0，"_RoleDto"：[{"pki_role_id"：30019，"vc_rolename"："超级用户"，"vc_roledesc"："超级用户"，"vc_type"：空，"i_group"：0，"_MenuDto"：空}，{"pki_role_id"：20015，"vc_rolename"："COMADM"，"vc_roledesc"："能力管理员"，"vc_type"：空，"i_group"：0，"_MenuDto"：null}，{"pki_role_id"：2，"vc_rolename"："IT"，"vc_roledesc"："IT"，"vc_type"：null，"i_group"：0，"_MenuDto"：null}，{"pki_role_id"：3，"vc_rolename"："TAA"，"vc_roledesc"："考勤管理员"，"vc_type"：空，"i_group"：0，"_MenuDto"：空}]}'''

这是我检索数据的方式：

{props.LoginDto.vc_email}
{props.LoginDto._RoleDto.map((record,i) => (
<div key = {i}> {record.pki_role_id}</div>
))}
</div>

每次我收到此错误时。 我正在使用反应冗余来接收道具数据。

Answer 1

添加如下所示的空检查：

{props.LoginDto && props.LoginDto.vc_email}
{props.LoginDto && props.LoginDto._RoleDto && !!props.LoginDto._RoleDto.length && props.LoginDto._RoleDto.map((record,i) => (
<div key = {i}> {record.pki_role_id}</div>
))}
</div>

Answer 2

{props.LoginDto && props.LoginDto.vc_email}

{props.LoginDto && props.LoginDto._RoleDto && !!props.LoginDto._RoleDto.length && props.LoginDto._RoleDto.map((record,i) => (
<div key = {i}> {record.pki_role_id}</div>
))}
</div>