Как работать с API?

Question

[Insolation]

Всем привет. Я новичок в React'e поэтому такой вопрос. Делаю аппку на собеседование. Работаю с API, посылаю запрос, в ответ мне приходит массив данных, и с этих данных я уже делаю контент(отдельный компонент).
Вопрос:
1. Стоит ли этот массив, который я получаю, сохранять в state?
2. Нормально ли state передавать как props компоненту?
3. Правильно ли делать так, как на картинке?

Answer 1

[Антон Спирин]

1. да
2. да
3. лучше сохранять в state данные, а мапить их уже в render

Comments

[Insolation]

Спасибо вам большое!

Answer 2

[Алексей Уколов]

Стоит ли этот массив, который я получаю, сохранять в state?

Конечно.

Нормально ли state передавать как props компоненту?

Непонятен вопрос.

Правильно ли делать так, как на картинке?

Неправильно в state хранить вёрстку (строки 20-27). Остальное нормально.

Comments

[Insolation]

Спасибо вам большое!

Answer 3

[Егор Живагин]

Плюсом к комментариям выше:

1) Постарайтесь для хранения данных использовать redux/mobx/... . Мне кажется, для тестового задания это огромный плюс + правильный подход

2) В lifecycle methods всё таки общепринято просто вызывать вызывать методы. Т.е. вынести весь в метод getData , например, и писать

componentDidMount() {
  this.getData();
}

Выглядит чище, особенно если надо будет что-то ещё в DidMount вызывать

Answer 4

[Олег Гамега]

Если не для хеловорда то запросы из компонента зло
юзайте редакс или аналоги