(ReactJS) У меня есть сопоставление номеров счетов с остатками, как отобразить его в виде таблицы в react?

#reactjs #mapping

#reactjs #сопоставление

Вопрос:

У меня есть сопоставление с ключом, являющимся номером счета, а значением — балансом счета:

 "balance": {
1: 1000,
2: 2000,
3: 3000
}

Как мне отобразить это содержимое в виде таблицы в react?

Учетная запись	баланс
1	1000
2	2000
3	3000

Ответ №1:

Здесь не так много можно сказать о том, чего именно вы хотите, но я думаю, что в конечном счете вы бы сделали что-то подобное в своей функции рендеринга.

 <table>
  <tr>
    <th>account</th>
    <th>balance</th>
  </tr>
  {Object.keys(balance).map((x) => (
    <tr key={x}>
      <td>{x}</td>
      <td>{balance[x]}</td>
    </tr>
  ))}
</table>

Я просто воспользовался этим, так что, вероятно, не смогу скопировать-вставить, но, исходя из предоставленной информации, я бы подумал, что вы ищете что-то подобное.