Добрый день, сейчас пытаюсь познать React, и столкнулся с такой проблемой.
Оправляю запрос на сервер, для получения массива:
const peoples = 'https://randomuser.me/api/?results=50';
componentDidMount() {
fetch(peoples)
.then(res => {
if(res.status !== 200) {
console.log(res.status);
return;
}
res.json().then(function(res) {
this.setState({data: res});
});
})
}
И соответственно результат запихиваю в компонент:
<Header items={data} />
И вот что получается...
Сперва приходит null, а уже потом сам массив...
Предположение такое, что он (запрос) просто не успевает приняться перед render'ом компонента...
Но как это перебороть?
Интересно как именно стандартными методами это сделать, без библиотек (jQuery или axios)
setInterval или setTimeout это как - то не вариант ибо выглядит костыльно... Да и работать будет не очень хорошо (я так думаю)