我想渲染表，但我有一個問題，無法正確呈現數據。這只是數組內的一行。 是包含 10 個類似這樣的數組的數組。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 || '' }    ];我正在下一個方法上渲染表：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>    ));  }如何改進這些數據或邏輯，以便按預期協同工作？