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

Question

我有以下商店文件结构:

user.jsx
notification.jsx
subscriber.jsx

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

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

mobx 有类似的选项吗？如果没有那么我怎样才能实现它？

Answer 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;

然后您可以使用它来例如将所有商店注入(inject)到 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')
);