Правильный способ использования redux с асинхронной загрузкой данных

Question

Я использую redux для загрузки данных из бэкэнда в приложение react. Я загружаю кучу данных с помощью axios, а затем я могу выбрать один элемент и увидеть конкретную информацию в другом представлении. Я отображаю представление «Загрузка» каждый раз, когда выполняю поиск в серверной части. Проблема в том, что этот поиск хорош, когда я загружаю представление, обновляющее браузер. Но когда я перемещаюсь в собственном приложении, я использую react-router-dom, и мне не нужно показывать экран загрузки, потому что он уже находится в хранилище избыточных файлов.

Есть ли способ сообщить избыточности или реагировать, чтобы не выполнять асинхронный вызов, если у меня уже есть данные?

Является ли redux-persist решением для этого? Должен ли я сделать это вручную с условием в реакции?

Я звоню по методу componentDidMount

Answer 1

Вы должны передать данные из избыточного хранилища в ваш компонент как свойство, и вы должны выполнить проверку в componentDidMount или до этого, если данные пустые или нулевые или что-то в этом роде, и принять решение, должны ли вы загрузить их после этого,Вам не нужна какая-либо сторонняя библиотека для сохранения данных (например, redux-persist), поскольку у вас она уже есть в вашем хранилище избыточных данных.