我正在尝试使用以下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来接收道具数据。
添加一个空检查,如下所示:
{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>