Обновите состояние главной страницы из новой вкладки, открытой в React Link в React

Question

Мое приложение состоит из 2 компонентов: списка и детализации списка элементов, которые отображаются при нажатии на элемент списка и открытии на новой вкладке страницы. Я должен иметь возможность редактировать элемент списка на новой вкладке и сделать это изменение видимым и на вкладке списка (список и детали элемента списка показывают эту редактируемую информацию)

Как я могу обновить состояние компонент из другого компонента, открытого на новой странице?

Я использую Router Link, чтобы открыть новую вкладку с некоторыми параметрами, такими как идентификатор элемента.

Большое спасибо

Answer 1

Что ж, если вы открываете новую вкладку и хотите общаться между ними, вы оставляете область действия React (которая используется для одностраничного приложения).

Возможно, использование BroadcastChannel API может вам помочь: Связь между вкладками или windows

Answer 2

Вероятно, вы можете использовать localStorage вашего браузера для обмена информацией между двумя страницами, если они совместно используют один и тот же домен.

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