Как управлять состоянием страниц профиля в React redux?

Question

Я знаю, что это звучит похоже на другие вопросы, но это не

Я учусь реагировать и хотел создать пример проекта, чтобы реализовать то, что я узнал. Я использую Redux для управления государством. Приложение работает следующим образом.

Описание приложения : пользователь может войти на сайт и опубликовать там свои фотографии. Другие пользователи также смогут просматривать профиль и фотографии других пользователей. Это что-то вроде Instagram, но для сети.

Мой вопрос заключается в том, как мне управлять данными для изображений профиля здесь. Предположим, что userA посещает профиль userB. Я могу в основном получить профиль userB и его изображения и сохранить его в избыточном количестве. Но что, когда userA посещает профиль другого пользователя. Должен ли я удалить данные для пользователя B из избыточного хранилища. или я должен сохранить эти данные для всех пользователей, которых посещает userA.

В двух словах, как мне управлять данными профиля и изображений для нескольких пользователей

Вместо кода Я хотел бы знать, какова будет структура и операции.

Заранее спасибо.

Answer 1

Если я хорошо понимаю, когда компонент, отвечающий за отображение информации о профиле, отключен, вы можете удалить информацию о пользователе B из состояния, отправив действие, и при посещении другого профиля пользователя вы должны установить состояние с информацией этого пользователя, отправив другое действие. Нет необходимости хранить информацию обо всех посещенных пользователях в вашем штате.

, видя ее как последовательность:

1. Компонент смонтирован
2. Вызвать действие создатель в componentDidMount или с помощью useEffect, если вы используете ловушки
3. Извлечение данных (вариант с избыточным редуктором)
4. Действие отправляется
5. Редуктор выполняет это действие и обновляет состояние
6. Компонент перерисовывается и показывает данные посещенного пользователя
7. Компонент отключается при выходе из страницы, и вы можете при желании очистить состояние