Javascript 为什么我不能'；是否将MobX存储注入子组件？

我在React中使用过MobX，但在React Native中这还是第一次

所以我有一些问题

这是我的简单结构：

■ 选项卡导航器与堆栈导航器类似

■ 一些屏幕组件（

）（这是父组件）

■ 屏幕组件有一些子组件（

）

Mobx商店在屏幕组件上运行良好

但是在我的子组件（

）中，我收到了一条错误消息

我无法在我的子组件中注入MobX存储

这是我的密码：

■ App.js

从“React”导入React
从“react native”导入{样式表、文本、视图}
从“./navigator/TabNavigator”导入TabNavigator
从“mobx react”导入{Provider}
从“./store”导入存储
导出默认函数App（）{
返回(
)
}

■ Store.js

从'mobx'导入{action，observable}
班级商店{
@可观察的testName='TestStest'
@可观察isStarted=false
@可观测起始时间=空
@可观察的结束时间=空
@可观测时间单位=16
}
常量存储=新存储（）
导出默认存储

■ SettingScreen.js

import React，{Component}来自“React”
从“react native”导入{视图，样式表}
从“mobx react”导入{inject，observer}
从“react native modals”导入模态，{ModalContent}
从“../components/HourPicker”导入HourPicker
导出默认类设置屏幕扩展组件{
建造师（道具）{
超级（道具）
}
render（）{
返回(
{this.myRender（）}
)
}
myRender=（）=>{
返回(
{console.log（'SettingScreen'，this.props）}
)
}
}

■ 设置屏幕组件的道具具有存储空间。（工作正常）

对象{
“导航”：对象{
...
},
“商店”：商店{
“endTime”：空，
“isStarted”：错误，
“startTime”：空，
“testName”：“teststest”，
“时间单位”：16，
符号（mobx确实运行了惰性初始值设定项）：true，
符号（mobx管理）：可观察对象管理{
“defaultEnhancer”：[函数深度增强器]，
“键原子”：原子{
“diffValue”：0，
“isBeingObserved”：错误，
“isPendingUnobservation”：错误，
“lastAccessedBy”：0，
“LowesToObserverState”：2，
“名称”：Store@2.keys",
“观察员”：集合{}，
},**
“名称”：Store@2",
“目标”：[循环]，
“价值”：地图{
“testName”=>“teststest”，
“isStarted”=>错误，
“startTime”=>null，
“endTime”=>null，
“时间单位”=>16，
},
},
},
}

■ HourPicker.js

从“React”导入React
从“react native”导入{视图、选择器、样式表、文本、平台}
从“mobx react”导入{inject，observer}
@注入（'存储'）
@观察者
导出默认类HourPicker扩展React.Component{
建造师（道具）{
超级（道具）
}
render（）{
返回(
{console.log（'HourPicker'，this.props）}
)
}
}

所以我检查了HourPicker的道具，但它什么都没有。

■

HourPicker对象{}

我知道解决方案（将存储传递给child（

）组件）

但我想知道“为什么我不能将存储注入子组件？”和“什么是正确的方法？”