Почему первый респонс null?

Question

[WoopsWoops]

Есть простой запрос к api в action, который я выполняю в componentDidMount, потом в render проверяю консоль логом мой респонс, показывает такое, сперва null, потом подтягивается мой обьект с данными, но тут и проблема, что надо мапом пробежать по данным, когда делаю мне пишет что-то в духе - this.props.data.map is null, как это поправить? может я не в правильное время вызываю action?

Comments

[Николай]

может всё таки код?

[WoopsWoops]

Николай: я же расписал, там просто запрос к api, самый обычный вот например https://jsfiddle.net/n9jmu5v7/891/

[Islam Ibakaev]

WoopsWoops: может всё-таки "this.props.data.map is not a function?"

Answer 1

[Алексей Самсонов]

Не умею в React. Но.
Прочитав документацию понял что в целом как и в Vue всё.
Криты на map is not a function исправить легко - определите скелет this.props.data.map как указано в документации.

То что вы описали с консоль логом - вряд ли респонс, если запрос посылается один раз - то и респонс придет один раз. Просто изначально реакт отрисовывает то что есть а шаблоне, а уже как получит данные - обновляет его.

Comments

[Алексей Самсонов]

WoopsWoops: я искренне не понимаю ваш диалект русского, тем более когда не могу сопоставить его с контекстом кода, который мы пытаемся анализировать

[WoopsWoops]

Алексей Самсонов: мозг уже не варит, быстро пишу тем более, мозги за руками не успевают :D

Answer 2

[Максим]

Алексей Самсонов дело говорит. Нужно идти по массиву данных, когда он есть, либо когда вместо него "начальное состояние" = пустой массив.
Судя по вашему вопросу, вам проще делать проверку, что если this.props.data.length есть, то рисуй шаблон, если нет - null

renderTemplate(data) {
  return data.map(item => .... )
}
render() {
 ...
{ this.props.data.length ? this.renderTemplate(this.props.data) : null }
 ...
}

Comments

[WoopsWoops]

да я так и делал, но думал что есть лучше решение, спасибо

[Максим]

WoopsWoops: получше будет, в случае если у вас redux / либо что-то еще в этот компонент скидывают начальное состояние - пустой массив. Тогда от проверки можно отказаться, а когда придут "пропсы" - то все само отрисуется.

[WoopsWoops]

Максим: а точно, какой же я ещё тупой, спасибо ещё раз