@zwezew

Как вызвать ререндеринг после изменения json через fetch?

Если код выводит список из json с помощью вызова fetch в componentDidMount(), то как вызвать повторный рендер после любой модификации json через post, put и т.д.?
  • Вопрос задан
  • 152 просмотра
Решения вопроса 2
Когда пришли данные, которые вы запрашиваете при помощи fetch - занесите их в стейт, и рендерите от стейта. Что-то вроде такого:

class MyComponent extends React.Component {
  state = {
    loading: true,
    data: null
  }

 componentDidMount () {
    const data = await fetch(/* ... */);
    this.setState({ loading: false, data });
 }

 render () {
   const { data, loading } = this.state;

   if (loading) {
     return <div className='loading' />
   }

   return this.renderData(data);
 }
}
Ответ написан
aryutin
@aryutin
this.forceUpdate();
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы