javascript - 如何连接 Material 表中的两个或多个字段 react

Question

我试图在我的 Material 表中创建一个“名称”列，其中包含来 self 的数组的串联 firstname, lastname，但它每个字段只接受一个数据。

有什么建议或帮助使之成为可能吗？

const client = {
  firstname: "Tracy",
  lastname: "Santos",
  address: {
    address1: "Manila",
    address2: "Philippines",
  }
}

const columns = [
  { title: 'Name', field: 'client.firstname' + ' ' + 'client.lastname' },
  { title: 'Address', field: 'client.address.address1' + ' ' + 'client.address.address2' },
]

<MaterialTable
  column={ columns }
  data={ client }
/>

Answer 1

另一种不需要修改传递给表的数据的方法是为该字段使用自定义呈现函数。

{
  render: (client) => {
    return `${client.firstName} ${client.lastName}`;
  },
  title: 'Client',
},