как экспортировать проект реагировать на редуксы в виде node_module - PullRequest
0 голосов
/ 13 марта 2019

Я пытаюсь экспортировать проект с избыточностью в виде node_module, у которого есть index.js, показанный ниже (упрощенно):

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import promiseMiddleware from 'redux-promise-middleware';
import App from './App.jsx';

const middlewares = [thunk.withExtraArgument(), promiseMiddleware()];
const middlewareEnhancer = applyMiddleware(...middlewares);
const preloadedState = {};

const store = createStore(
    rootReducer,
    preloadedState,
    middlewareEnhancer
);

 const ExampleModule = (props) => {
    return (
        <Provider store={store}>
            <App />
        </Provider>
    );
};

export default ExampleModule;

В моем основном приложении:

...
import ExampleModule from 'example-module';

class Application extends React.Component {
    render() {
        return <ExampleModule />;
    }
}

function mapStateToProps({ state }) {
    return {
        state: state
    };
}

function mapDispatchToProps(dispatch) {
    return { 
        actions: bindActionCreators(require('..').actions, dispatch) 
    };
}

export default connect(mapStateToProps, mapDispatchToProps)(Application);

Это выдает ошибку: bundle.js:349 Uncaught Invariant Violation: Could not find "store" in either the context or props of "Connect(App)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(App)"

Я предполагаю, что это потому, что это, по сути, создает вложенный <Providers>, что противоречит методологии Redux для одного магазина.

У меня такой вопрос: как лучше всего опубликовать модуль node_module с избыточным хранилищем?

1 Ответ

0 голосов
/ 13 марта 2019

Нашел ответ здесь: https://redux.js.org/recipes/isolating-redux-sub-apps

Хранит хранилище локально для компонента.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...