Как проще всего настроить и отразить 2 компонента React.js?

Question

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

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

В основном это поле с двумя контроллерами с двух разных страниц, контролирующих одно и то же значение. Я создал компоненты, и я также использую Redux. Я могу успешно изменить начальное состояние (значение) и получить новое состояние через хранилище, но изменения не отражаются во втором компоненте. Как я могу это сделать? Я довольно новичок как в React, так и в Redux, и я знаю, что не должен погружаться в Redux, пока еще играю в React.

Answer 1

РЕШИТЬ:

Я создал persistedState в своем магазине:

const persistedState = localStorage.getItem('reduxState') ? JSON.parse(localStorage.getItem('reduxState')) : {}

и передал persistedState в качестве аргумента при создании моего магазина:

const store = createStore(reducer, persistedState);

и просто подписался сразу после:

store.subscribe(()=>{
  localStorage.setItem('reduxState', JSON.stringify(store.getState()))
})

работал как шарм.