Reactjs 如何使用下面的my file structore访问Mobx商店

假设我有这个.jsx文件，它基本上包含了我现有的所有存储

user-access.jsx

import { observable, action, computed } from 'mobx';
export default new class UserAccess{
   @observable page_access = [];
}

stores.jsx

import { UserAccess } from './stores/user-access';

const stores = {
    "UserAccess" : UserAccess,
};

export default stores;

index.jsx

import stores from './stores';

ReactDOM.render(
 <Provider stores = { stores } >
     <Router .... />
 </Provider>

---

如何访问obervable页面？如何在组件中注入存储本身？

您似乎已经注入了它。您可以从道具访问注入存储。只要您有observer装饰器，组件就会自然地对存储中的更改做出反应

我看到一些小问题，我不确定是否与复制粘贴相关。您是否在用户访问中导出默认类，但导入命名实例？但是，假设这些东西正在工作，下面的代码应该可以工作

@inject('stores') @observer
export default class PageHeader extends React.Component{
  render() {
    console.log(this.props.stores.UserAccess)
  }
}

@inject('stores') @observer
export default class PageHeader extends React.Component{
  render() {
    console.log(this.props.stores.UserAccess)
  }
}