Ребята, кто нашел какое-то эффективное решение loading менеджмента? Чет заколебался

Question

Ребята, кто нашел какое-то эффективное решение loading менеджмента? Чет заколебался

я постояно пхать в state что-то типа isLoading, перед запросом ставить true, после - false на каждую загрузку с сервера. Хочется это как-то унифицировать. В идеале в какой-то декоратор с каким-то makeRequest, который будет показывать крутилку и манеджить ее состояние. С рендером типа
render() {
const { isLoading } = this.state;
return (
<React.Fragment>
{isLoading && <Loader />}
{!isLoading && <WrappedComponent makeRequest={this.makeRequest} {...this.props} />}
</React.Fragment>
)
}

Но в таком случае WrappedComponent будет отмаунчиваться постоянно. А заворачивать в доп div с display: none не хочется - реюзабилити будет страдать.

#frontend #javascript #programming #react.js #russian

0

10.06.2019

2 ответов

34 просмотра

🦜

напиши хук, который будет интерсептором для запросов и будет возвращать тебе состояние true, false для лоадера

0

10.06.2019

Victor Rusakovich · Accepted Answer

Victor Rusakovich

не вижу проблемы в isLoading... У каждого ж компонента своя реакция на то, что где-то идет запрос. Вместо показывания элемента в реакте, можно всякие лоудеры через css пихать

0

10.06.2019

169 похожих чатов

Ребята, кто нашел какое-то эффективное решение loading менеджмента? Чет заколебался

2 ответов

Похожие вопросы