Как передать избыточное хранилище между компонентами React? Продолжайте получать Не удалось найти «магазин» ни в контексте, ни в подпорках - PullRequest
0 голосов
/ 03 мая 2018

Я пытаюсь решить проблему государственного управления. У меня 2 реагируют родные компоненты. Собственный компонент реагирования проходит через собственный код / ​​модуль, чтобы открыть другой компонент, вместо того чтобы идти по собственному маршруту реакции. Код, который запускает другой реагирующий компонент из первого компонента

reactView.startReactApplication(
                    reactInstance,
                    "Second Component",
                    null
            );

Если я посмотрю на это, он снова воссоздает базовый объект реагирующего контекста. Первый компонент загружен правильно, и, очевидно, на нем настроено хранилище, т.е. в моем AComponent.js

import data from '../../initialState'
const initialState = data
const store = storeFactory(initialState);

const mapStateToProps = (state) => {
    return {
        intValue : state.intValue,
    }
}

const Container = connect(mapStateToProps)(AView)
const AComponent = () => (
  <Provider store={store}>
    <Container />
  </Provider>
)

AppRegistry.registerComponent('AComponent', () => AComponent);

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

Не удалось найти "store" ни в контексте, ни в подпорках "Connect (BComponent)"

Компонент B выглядит примерно так

const mapStateToProps = (state) => {
    return {
        intValue : state.intValue
    }
}

const BContainer = connect(mapStateToProps)(BView)

AppRegistry.registerComponent('BContainer', () => BContainer);

Мой файл initialState.json

{
    "intValue": 10
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...