axios 如何访问嵌套对象并将其呈现到数据表中？

rt4zxlrg 于 2022-11-05 发布在 iOS

关注(0)|答案(1)|浏览(205)

产品数组下的user_id信息如何呈现？我尝试呈现user_id的嵌套信息，如username

由于呈现了所有非嵌套信息或未填充的信息，DataGrid工作正常。但我还尝试显示user_id下的信息

{field: "user_id", headerName: "User Name", width: 250,}

这是我使用的字段，但它不起作用，因为user_id是一个对象

**编辑

这是我收到的
Datagrid.js

<div className="datatable">
  <DataGrid
    className="datagrid"
    rows={list}
    getRowId={(row) => row._id}
    columns={columns.concat(actionColumn)}
    pageSize={9}
    rowsPerPageOptions={[9]}
    checkboxSelection
  />
</div>

axios

来源：https://stackoverflow.com/questions/74176255/how-can-i-access-nested-object-and-render-it-to-datatable

1条答案

按热度按时间

zf2sa74q1#

因此，您必须使用renderCell() => ReactElement属性并返回嵌套的对象字符串。我已经用解决方案更新了您的code sandbox，它现在可以正确地呈现用户名。下面是我在您的代码沙箱中修改的代码。

{
      field: "user_id",
      headerName: "User Name",
      width: 250,
      renderCell: (params) => {
        return params.row.user_id.username;
      },
},

这里是您可能想要浏览的文档的链接。

赞(0）回复(0）举报 2022-11-05

我来回答

axios 如何访问嵌套对象并将其呈现到数据表中？

1条答案

相关问题

热门标签

最新问答