Próbuje oswoić bestię zwaną Reduxem (robię to drugi raz w życiu) tymrazem z wykorzystaniem Observable (to pierwszy raz). I czuję się jakbym dopiero zaczynał programować.
Przejdżmy do rzeczy. Z nieznanych mi powodów wysypuje się Store. Rzucając mi takim pięknym błędem:
No reducer provided for key "testRedux"
Co ciekawe jest zmapowany na ten klucz:
import {combineReducers} from 'redux';
import testReduxReducer from './test.js';
const allReducers = combineReducers({
testRedux : testReduxReducer
});
export default allReducers;
Zaznaczę, że webpack nie wyrzuca żadnych błędów w konsoli.
Sprawdziłem, czy jest payload odpowiadający na akcję, i niestety jest:
import * as actiontypes from '../actionTypes/typeTestAction.js';
export const testAction = () => (
{
type:actionTypes.TEST_START,
payload: testRedux
}
)
Na końcu pomyślałem, że może konfiguracja Midleware ale mi się tutaj wydaję się ok.
import React from 'react';
import ReactDOM from 'react-dom';
import { connect, Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import { createEpicMiddleware } from 'redux-observable';
import {rootReducer} from './reducer/rootReducer.js';
import {epicReducer} from './epicReducer.js';
import * as actions from './Actions/testActions.js';
import App from './app.js';
const epicMiddleware = createEpicMiddleware(epicReducer);
const store = createStore(
rootReducer,
applyMiddleware(epicMiddleware)
);
ReactDOM.render(
<Provider store={store}>
<App/>
</Provider>
,
document.getElementById("reactRootSearch"));
Macie jakieś pomysły?
W razie potrzeby, powinen dać radę wymockować ten kawałek Aplikacji.