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

Question

Я новичок в использовании избыточности и не смог найти ничего полезного, чтобы решить мою дилемму.

У меня есть приложение реагирования с магазином избыточности. У меня есть опции фильтрации в верхней части приложения (некоторые средства выбора даты и т. Д. c) и некоторые вкладки (элементы ссылок) с различным содержимым в качестве основной части страницы.

Я хотел бы иметь возможность откройте вкладки в новом окне (щелкнув по открытой вкладке в новом окне) и синхронизируйте c состояние (которое состоит из фильтрации) с новым окном.

Прямо сейчас я добиваюсь этого с помощью избыточности -state-syn c, но это только решает начальную загрузку. Теперь я хотел бы, чтобы каждая новая вкладка управляла своим собственным состоянием и передавала его при открытии в новом окне одной из своих вкладок.

Есть ли очевидный способ go об этом?

Я попытался использовать localStorage, sessionStorage, но это возвращает меня к тому, что у меня нет доступа к состоянию каждой вкладки, только к последнему обновленному состоянию.

Любая помощь будет принята с благодарностью!

Answer 1

Просто добавьте в URI нового окна некоторую опцию публикации, например localhost: 3000 /? Sync = true. Затем в приложении. Функция componentDidMount js анализирует этот аргумент, а затем отправляет синхронизированное состояние (например, из indexDB) в Redux. Ваш редуктор должен выглядеть следующим образом:

case "SyncState": return (action.value) break