Javascript 在多个商店的React本机应用程序中放置MobXProvider（提供者）的位置

我很难理解

mobx react/native

包中

Provider

和

@inject

的角色

大多数使用mobx

提供程序的示例都使用它来提供全局存储。像这样：

import { Provider as MobXProvider, observer } from 'mobx-react/native';
import myStore from './stores/myStore.js'

@observer
export default class App extends Component{
    render() {
      return(
      <MobXProvider store={myStore)>
        <NavigationStackOrSomethingElse />
      </MobXBrovider>)
    }
}

如果使用多个存储，如何使用提供者？它们是否都在根屏幕中提供？它们是由想要使用它的组件的父屏幕提供的吗？
因此，在开始时，您总是提供您想要在应用程序中使用的所有商店：

<Provider chatStore={chatStore} wallStore={wallStore}>
  ...
</Provider>


...

然后简单地使用
@inject
将它们注入到使用它们的组件中

<Provider chatStore={chatStore} wallStore={wallStore}>
  ...
</Provider>