我有以下商店文件结构:
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;
然后您可以使用它来例如将所有商店注入(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')
);
关于javascript - 如何使用单个index.jsx导出mobx中的所有商店?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44728620/