我正在尝试解决州管理问题。我有2个本机组件的反应。 react本机组件通过本机代码/模块打开另一个组件,而不是进行反应本机路由。 从第一个组件开始另一个反应组件的代码
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组件中的商店时,它不起作用并返回错误
无法在上下文或道具中找到“存储” “连接(BComponent)”
B组件看起来像这样
const mapStateToProps = (state) => {
return {
intValue : state.intValue
}
}
const BContainer = connect(mapStateToProps)(BView)
AppRegistry.registerComponent('BContainer', () => BContainer);
我的initialState.json文件
{
"intValue": 10
}