TypeError：无法读取未定义的属性“ map”：具有对象列表的对象

小编典典

TypeError：无法读取未定义的属性“ map”：具有对象列表的对象

reactjs

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

’‘’{“ pki_user_id”：1234，“ vc_username”：null，“ vc_password”：null，“ vc_name”：“
Muhammad”，“ vc_email”：“ [email protected]”，“ b_isreset”：false， “
b_timeout”：0，“ _ RoleDto”：[{“ pki_role_id”：30019，“ vc_rolename”：“ SuperUser”，“
vc_roledesc”：“超级用户”，“ vc_type”：null，“ i_group”：0，“ _ MenuDto” ：null}，{“
pki_role_id”：20015，“ vc_rolename”：“ COMADM”，“ vc_roledesc”：“能力管理”，“
vc_type”：null，“ 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”：null，“ i_group”：0，“ _ MenuDto”：null}]}’‘’‘

这是我检索数据的方式：

        {props.LoginDto.vc_email}

        {props.LoginDto._RoleDto.map((record,i) => (

          <div key = {i}> {record.pki_role_id}</div>
        ))}

      </div>

每次遇到此错误。我正在使用react redux来接收道具数据。

阅读 322

2020-07-22

共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>

2020-07-22