Reactjs 使用antd react表显示json数据

这是数据 进入[ { “id”：4， “名称”：“toto”， “电子邮件”：mama@domain.com", “全名”：空， “用户角色”：[ { “用户ID”：4， “roleId”：2， “作用”：{ “id”：2， “roleName”：“admim” } } ] }, { “id”：5， “名称”：“tonton”， “电子邮件”：mamam@domain.com", “全名”：空， “用户角色”：[ { “用户ID”：5， “roleId”：4， “作用”：{ “id”：4， “roleName”：“操作员” } }, { “用户ID”：5， “roleId”：2， “作用”：{ “id”：2， “roleName”：“admim” } } ] } ]这里

我这样做是为了设置列，但不起作用

enter const columnDefinitions = [
    {
        title: 'Id',
        dataIndex: 'id'
    },
    {
        title: 'User Account',
        dataIndex: 'name',
    },
    {
        title: 'Email',
        dataIndex: 'email',
    },
    {
        title: 'Group',
        dataIndex: 'userRoles["roleName"]'
    }
]; here

下表是我想要实现的目标