Один из способов, которыми мы можем воспользоваться в React / Redux, - это иметь состояние isLoading
в Redux (которое вызывает сообщение «Загрузка ...» или локальное вращающееся колесо для отображения). Но что если
На странице может быть 5 или 6 компонентов, каждый с кнопкой, которая может загружать данные локально для этого компонента? Тогда мы не хотим, чтобы сообщение «Загрузка ...» отображалось для всех 5 или 6 компонентов. Тогда при использовании всех различных флагов isPostDataLoading
, isVideoDataLoading
может быть много флагов.
Если у нас есть только один компонент, но мы хотим отобразить его 3 раза на странице, и он может тянуть «Инфо 1», «Инфо 2», «Инфо 20» ... через поле выбора, тогда isLoading
заставит все 3 компонента показывать одно и то же сообщение во всех 3 полях. (но пользователь изменяет поле выбора в компоненте 2 для загрузки туда данных).
Если мы используем состояние компонента, кажется, что компонент класса может работать. Если это компонент функции и избыточный поток, когда мы отправляем функцию, мы каким-то образом можем использовать хук setIsLoading()
, и я не уверен, возможно ли это.