Вопрос собственно такой:
как организовать последовательность исполнения функций в компоненте React Native
.
Порядок должен выглядеть вот так:
- Запускаем компонент. (пустой, ничего не рендерится, только полоса загрузки)
- Запрос к API
- Логика, основываясь на ответе запроса
- Если логика из пункта 3 успешна, установить состояния для элементов => рендер (динамическое количество элементов)
- Запустить mqtt-клиента основываясь на условиях из пункта 3 (состояния и пропсы для элементов)
- При выходе с экрана закрыть клиента, очистить состояния
То есть запускать mqtt-клиента сразу не имеет смысла до получения информации от API, т.к. конфигурация компонента еще не известна.
Вопрос больше объяснительно-философский. Компоненты использую только функциональные, поэтому такие методы как componentDidMount
или componentWillUnmount
не использую.
Для достижения упорядоченности я использую хук useState
с одним недостатком: что при большом количестве компонентов порядок больше напоминает кашу.
Знатоки, упорядочите мои знания. Как организовать работу компонента шаг за шагом?