小编典典

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来接收道具数据。


阅读 319

收藏
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