我想渲染表，但我有一個(gè)問題，無法正確呈現(xiàn)數(shù)據(jù)。這只是數(shù)組內(nèi)的一行。 是包含 10 個(gè)類似這樣的數(shù)組的數(shù)組。tableDatatableData [      { key: 'date', value: date },      {        key: 'opp',        value: oppositeTeam.contestantName || '',        handleClick: handleClick({ ...oppositeTeam, entityType: 'Team' })      },      { key: 'g', value: totalGoals || '' },      { key: 'yc', value: yellowCards || '' },      { key: 'rc', value: redCards || '' }    ];我正在下一個(gè)方法上渲染表：renderTableData() {    const { tableData } = this.state;    const { addCustomAttribute } = this.props;    return tableData.map((data) => (      <tr>        {data.map((item) => (          <td title={item.value} key={item.id}>            <a               onClick={() => {                 if (item.handleClick) item.handleClick;               }}            >              {value !== null ? value : 'n/a'}            </a>          </td>        ))}      </tr>    ));  }如何改進(jìn)這些數(shù)據(jù)或邏輯，以便按預(yù)期協(xié)同工作？