Question

我正在尝试使用我的props对象数组中的一些而不是全部数据来设置表数据。

我从动作中设置了一个对象数组：

export const getTenants = ({ userID }) => {
  return (dispatch) => {
    const test = [
      { id: 1, fullName: 'Tenant 1', unitName: '101', leaseEndDate: '01/01/2020', tenantEmail: 'none@none.com' },
      { id: 2, fullName: 'Tenant 2', unitName: '102', leaseEndDate: '01/01/2020', tenantEmail: 'none@none.com' },
      { id: 3, fullName: 'Tenant 3', unitName: '103', leaseEndDate: '01/01/2020', tenantEmail: 'none@none.com' },
      { id: 4, fullName: 'Tenant 4', unitName: '104', leaseEndDate: '01/01/2020', tenantEmail: 'none@none.com' },
      { id: 5, fullName: 'Tenant 5', unitName: '105', leaseEndDate: '01/01/2020', tenantEmail: 'none@none.com' },
      { id: 6, fullName: 'Tenant 6', unitName: '106', leaseEndDate: '01/01/2020', tenantEmail: 'none@none.com' },
      { id: 7, fullName: 'Tenant 7', unitName: '107', leaseEndDate: '01/01/2020', tenantEmail: 'none@none.com' },
      { id: 8, fullName: 'Tenant 8', unitName: '108', leaseEndDate: '01/01/2020', tenantEmail: 'none@none.com' },
    ];
    dispatch({
      type: GET_TENANT_DATA,
      payload: test
    });
  };
};

然后，在我的页面中，我要按顺序设置tableData的单位，租约结束日期，名称和电子邮件。

this.state = {
          tableHead: ['Unit', 'Lease End Date', 'Tenant', 'Tenant Email'],
          tableData: this.props.data
        };

有办法吗？谢谢

Answer 1

设置标头=>对象键映射并遍历tableHead以提取所需的数据。

this.headerMap = {
  'ID': 'id',
  'Tenant': 'fullName',
  'Unit': 'unitName',
  'Lease End Date': 'leaseEndDate',
  'Tenant Email': 'tenantEmail',
}

this.state = {
  tableHead = ['Unit', 'Lease End Date', 'Tenant', 'Tenant Email'],
  tableData: this.props.data.map(row => tableHead.map(header => row[this.headerMap[header]]))
}

这将创建一个数组数组：

[
  ['101', '01/01/2020', 'Tenant 1', 'none@none.com'],
  ['102', '01/01/2020', 'Tenant 2', 'none@none.com'],
  ['103', '01/01/2020', 'Tenant 3', 'none@none.com'],
  ['104', '01/01/2020', 'Tenant 4', 'none@none.com'],
  ['105', '01/01/2020', 'Tenant 5', 'none@none.com'],
  ['106', '01/01/2020', 'Tenant 6', 'none@none.com'],
  ['107', '01/01/2020', 'Tenant 7', 'none@none.com'],
  ['108', '01/01/2020', 'Tenant 8', 'none@none.com']
]

获取对象数组中的特定元素

1 个答案: