React native JSON to datatable - PullRequest
       4

React native JSON to datatable

0 голосов
/ 13 июля 2020

Мне нужно получить JSON do c, а затем заполнить DataTable данными из объекта JSON. Получение данных et c ... выполняется просто, но обработка ответа и форматирование в строке с данными ниже - вот где я борюсь;

state = {
    tableHead: ['Pos', '', 'P', 'W', 'D', 'L', 'GD', 'PTS'],
    tableData: [
      ['  1', 'Cheshire Futsal Club Men', '0', '0', '0', '0', ' 0', '  0'],
      ['  2', 'Derby Futsal Club Mens 1st Team', '0', '0', '0', '0', ' 0', '  0'],
      ['  3', 'Durham Palatinates First', '0', '0', '0', '0', ' 0', '  0'],
      ['  4', 'Loughborough Students Futsal Club Dev', '0', '0', '0', '0', ' 0', '  0'],
      ['  5', 'Sunderland University Team Sunderland', '0', '0', '0', '0', ' 0', '  0'],
      ['  6', 'University of Nottingham Futsal National', '0', '0', '0', '0', ' 0', '  0']
    ]
  }

  useEffect(() => {
    fetch('https://s3.eu-west-2.amazonaws.com/xxxx')
      .then((response) => response.json())
      .then((json) => {
        setData(json)
        this.setState({
// CODE TO POPULATE THE TABLEDATA ABOVE
      });
        })
      .catch((error) => console.error(error))
      .finally(() => setLoading(false));
  }, []);

Как я могу заполнить эти tableData соответствующая информация возвращается после моего звонка JSON? Ниже приведен пример JSON;

{
   "Pos": 1,
   "Team": "Cheshire Futsal Club Men",
   "Played": 0,
   "Won": 0,
   "Drawn": 0,
   "Lost": 0,
   "Goal Difference": 0,
   "Points": 0
 },

1 Ответ

0 голосов
/ 13 июля 2020

ЕСЛИ вам гарантировано получение данных в этом формате, и здесь я предполагаю, что данные действительно представляют собой массив объектов, тогда вы можете просто преобразовать каждый объект в массив значений, используя

Object.values(row)

To создайте массив массивов, который вы можете сопоставить с исходным массивом следующим образом:

 const formatted = data.map(row => Object.values(row))

Где данные - это исходные данные, которые вы загрузили и отформатировали, это массив массивов в нужной вам форме.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...