Чтение и перенос json данных в таблицу ES6?

Question

[Blacksmith_JS]

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

Comments

[Антон]

Для реакта советую эту библиотеку https://github.com/heroku/react-refetch

Answer 1

[Максим]

К предыдущему вопросу добавлю, так как вижу тэг 'react'

1) вам нужно осознать, что раз приходят новые данные, значит у нас есть какой-то "изменяемый кусок", следовательно - необходимо будет использовать state, следовательно нужно задать this.state в constructor, с какими-то начальными данными, например "пустой массив"

2) нужно выполнить запрос после того, как компонент окажется на странице, для этого подойдет метод жизненного цикла - componentDidMount

3) в момент componentDidMount вы может выполнить запрос с помощью любой библиотеки, например jquery из ответа выше, но чаще с реактом используют npm-fetch, axios и подобные.. а можно и вообще XHR объектом стандартным обойтись...

4) после выполнения запроса, на успешный ответ, вы должны изменить state, то есть вызвать this.setState

5) после выполнения шагов выше, реакт вызовет метод render - в котором вы уже отрисуете таблицу, на основе ваших данных из state

Comments

[Blacksmith_JS]

Спасибо, разобрался)

Answer 2

[xutesayor]

$.getJSON( "ajax/test.json", function( data ) {
  
});