Javascript 如何使用single index.jsx导出mobx中的所有存储？

我有以下商店的文件结构：

user.jsx
notification.jsx
subscriber.jsx

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

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

---

mobx有类似的选择吗？如果没有，那么我如何实现它呢？

您可以在存储目录中创建一个

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;

然后，您可以使用此选项将所有存储注入到提供程序中：

// 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')
);

//app.jsx
从“React”导入React；
从“react dom”导入react dom；
从“mobx react”导入{Provider}；
从“/stores”导入存储；
ReactDOM.render(
{/* ... */}
document.getElementById（'app'）
);