Реагировать на собственные данные таблицы заполнения из json

Question

У меня есть таблица для отображения некоторых данных;

  state = {
    tableHead: ['Pos', '', 'P', 'W', 'D', 'L', 'GD', 'PTS'],
    tableData: [
      ['  1', 'AAAA', '0', '0', '0', '0', ' 0', '  0'],
      ['  2', 'XXXX', '0', '0', '0', '0', ' 0', '  0'],
      ['  3', 'BBBB', '0', '0', '0', '0', ' 0', '  0'],
      ['  4', 'CCCC', '0', '0', '0', '0', ' 0', '  0'],
      ['  5', 'DDDD', '0', '0', '0', '0', ' 0', '  0'],
      ['  6', 'QQWE', '0', '0', '0', '0', ' 0', '  0']
    ]
  }

Вышеуказанное жестко запрограммировано, но я хочу извлечь его из файла JSON. Я могу получить файл JSON, но форматирование того, как записывать данные таблицы, является моей задачей; JSON значения записи?

Answer 1

Ciao, Раньше я использовал react-native-data-table . Это самый простой способ, который я нашел, создать таблицу данных из JSON в react-native.

По сути, для рендеринга строки вы можете использовать функцию renderRow следующим образом:

renderRow(record) {
  <Row>
    <Cell>record.code</Cell>
    <Cell>record.name</Cell>
    <EditableCell
      value={record.quantity}
    />
  </Row>
}