如何使用单个 index.jsx 导出 mobx 中的所有商店？

【问题标题】：How To export all stores in mobx using single index.jsx?如何使用单个 index.jsx 导出 mobx 中的所有商店？
【发布时间】：2017-06-26 16:34:13
【问题描述】：

我的商店文件结构如下：

user.jsx
notification.jsx
subscriber.jsx

每个导出一个默认存储。我想创建一个单独的文件 index.jsx 以便我可以根据需要使用单个文件调用它们。

在 redux 中，可以使用 combineReducers 函数来实现该功能。

mobx 有类似的选项吗？如果没有，我该如何实现呢？

【问题讨论】：

标签： javascript reactjs mobx mobx-react

【解决方案1】：

你可以例如在您的商店目录中创建一个index.jsx 文件：

// stores/index.jsx
import user from './user.jsx';
import notification from './notification.jsx';
import subscriber from './subscriber.jsx';

const stores = {
  user,
  notification,
  subscriber
};

export default stores;

然后你可以用它来例如将所有 store 注入到一个 Provider 中：

// app.jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'mobx-react';
import stores from './stores';

ReactDOM.render(
  <Provider {...stores}>
    {/* ... */}
  </Provider>
  document.getElementById('app')
);

【讨论】：