在没有父组件的两个组件之间共享Redux状态

Question

我是新来使用redux并尝试将react组件设置为两个不同的DOM元素。我创建了两个组件以将两个不同的元素作为目标，并希望在组件之间共享相同的状态。从第一个组件分派之后，第二个组件不会被重新渲染。

export function eventRegisterDispatch(): redux.Dispatch<Array<EventRegisterModel>> {
    return _eventRegisterState.dispatch;
}

export function eventRegisterStore(): redux.Store<Array<EventRegisterModel>> {
    return _eventRegisterState;
}

var app = React.createElement(Provider, { store: appStore }, React.createElement(EventCourseContainer));
const eventMount = document.getElementById('multiple-location-app');
render(app, eventMount);

var buttonApp = React.createElement(Provider, { store: appStore }, React.createElement(RegisterButtonContainer));
const buttonAppMount = document.getElementById('multiple-location-button');
render(buttonApp, buttonAppMount);