Я пытаюсь решить проблему государственного управления. У меня 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
}