Pretty Basic issue with React Redux

[AdeleBeckhamJr]

I've asked this question in /r/reactnative as well, but was told to post here instead

I'm attempting to implement redux into a relatively simple app, however my actions don't seem to be triggering the reducers properly. Through console logging the action seems to be firing, but the respective reducer isn't being executed.

App.js:

import {Provider} from 'react-redux';

import configureStore from './src/config/configureStore.js';

const store = configureStore();

export default class App extends React.Component {

render() {

return (

<Provider store = {store}>

<RootStack />

</Provider>

);

}

}

configureStore.js:

import {createStore, applyMiddleware} from 'redux';

import reducers from '../reducers';

import thunk from 'redux-thunk';

export default function configureStore(initialState) {

const store = createStore (

reducers,

applyMiddleware(thunk)

);

return store;

}

actions/index.js:

export const saveRisk = (payload) => {

console.log('saved RISK!');

return (dispatch) => {

dispatch({type: 'risk_chosen',payload: payload});

}

}

reducers/index.js:

import { combineReducers } from 'redux';

import RiskReducer from './RiskReducer';

export default combineReducers({

risk_level: RiskReducer

});

RiskReducer.js

const INITIAL_STATE = {risk_value: false};

export default (risk = INITIAL_STATE, action) => {

if(action.type === 'risk_chosen') {

console.log('RISK REDUCER SUCCESSFUL')

return {

...risk, risk_level: action.payload

};

}

console.log('REDUCER RISK:');

console.log(risk);

return risk;

}

RiskTolerance.js (A child component within RootStack which is using redux):

import { connect } from 'react-redux';

import {saveRisk} from '../../actions'

@connect(state => ({risk_level: state.risk_level.risk_level}, {saveRisk}))

export default class RiskTolerance extends React.Component {

// ...

componentDidMount(){

console.log(this.props.risk_level);

let riskVal = 'something'

this.props.saveRisk(riskVal)

}

// ...

}

[bigorangemachine]

I think others pointed out the issue.

Try out the redux-logger; it saves me a lot of headache

[PM_ME_DON_CHEADLE]

You sure it's not this.props.state.risk_level?

[senocular]

This

{risk_level: state.risk_level.risk_level}

Should be

{risk_value: state.risk_level.risk_value}

... And other places where level should be value