Какие ошибки искать в React-компоненте загрузки

Условие

Компонент запускает fetch в render, игнорирует response.ok и показывает данные без проверки устаревшего запроса. Назовите последствия и безопасную структуру.

Ответ

Перенесите запрос в управляемый жизненный цикл, проверяйте HTTP-статус и допускайте запись результата только актуальной операции. Рендер оставьте чистым.

Нужно различать загрузку, пустой результат и ошибку. При изменении параметров отменяйте старый запрос или инвалидируйте его идентификатор; cleanup должен работать при размонтировании. Нельзя предполагать, что fetch отклонится на любом HTTP 500: неуспешный статус проверяется отдельно. При частом повторении сценария вынесите его в общий слой загрузки.