Comment exporter tous les magasins dans mobx en utilisant single index.jsx?

Question

J'ai la structure de fichier suivant pour les magasins:

user.jsx 
notification.jsx 
subscriber.jsx 

Chaque exportation d'un magasin par défaut. Je veux créer un seul fichier index.jsx afin que je puisse les appeler au besoin en utilisant un seul fichier.

En redux, la fonctionnalité peut être obtenue en utilisant la fonction combineReducers.

Est-ce que mobx a une option similaire? Si non, comment puis-je y arriver?

Answer 1

Vous pourriez, par ex. créer un fichier index.jsx dans votre répertoire de magasin:

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

Ensuite, vous pouvez l'utiliser pour exemple injecter tous les magasins dans un fournisseur:

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