Как создать динамическую таблицу из вложенного Json, используя реагировать на избыточность

Question

Я хочу создать динамическую таблицу из вложенного объекта json, который исходит от избыточной страницы

<Table striped bordered hover responsive className="mt-2">
  <thead>
    {/* keys.map(header => <th>{this.state}</th>) */}

    <tr>{/* I need dynaic TR */}</tr>
  </thead>
  <tbody>
    {accounts && accounts.length ? (
      accounts.map((account: any) => (
        <tr
          key={account.get("uuid")}
          style={{ cursor: "pointer" }}
          // onClick={() => this.props.history.push(match.url + '/' + application.get('uuid'), application)}
        >
          {/* <td> {account.get('uuid')} </td>  */}

          <td>{account.get("account_data")}</td>

          <td>
            {account.get("entitlements") && (
              <ul>
                {account
                  .get("entitlements")
                  .split(";")
                  .map((access: any) => (
                    <li>{access}</li>
                  ))}
              </ul>
            )}
          </td>
        </tr>
      ))
    ) : (
      <tr>
        <td colSpan={5} style={{ textAlign: "center" }}>
          No Accounts Found. Please sync and retry.
        </td>
      </tr>
    )}
  </tbody>
</Table>;

После печати <td>{account.get('account_data') }</td> Я получаю данные учетной записи. Я хочу сделать таблицу на account_data. как мне составить таблицу на основе этих данных?

Это вывод после печати account_data