title: React Native Redux Reducer not working
body: <p>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.</p>
  
  <p>App.js:</p>
  
  <pre><code>import {Provider} from 'react-redux';
  import configureStore from './src/config/configureStore.js';
  const store = configureStore();
  
  export default class App extends React.Component {    
  render() {
  return (
    &lt;Provider store = {store}&gt;
        &lt;RootStack /&gt;
    &lt;/Provider&gt;
  );
  }
  }
  </code></pre>
  
  <p>configureStore.js:</p>
  
  <pre><code>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;
  }
  </code></pre>
  
  <p>actions/index.js:</p>
  
  <pre><code>export const saveRisk = (payload) =&gt; {
    console.log('saved RISK!');
    return (dispatch) =&gt; {
      dispatch({type: 'risk_chosen',payload: payload});
    }
  }
  </code></pre>
  
  <p>reducers/index.js:</p>
  
  <pre><code>import { combineReducers } from 'redux';
  import RiskReducer from './RiskReducer';
  
  export default combineReducers({
    risk_level: RiskReducer
  });
  </code></pre>
  
  <p>RiskReducer.js</p>
  
  <pre><code>const INITIAL_STATE = {risk_level: false};
  export default (risk = INITIAL_STATE, action) =&gt; {
    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;
  }
  </code></pre>
  
  <p>RiskTolerance.js (A child component within RootStack which is using redux):</p>
  
  <pre><code>import { connect } from 'react-redux';
  import {saveRisk} from '../../actions'
  @connect(state =&gt; ({risk_level: state.risk_level.risk_level}, {saveRisk}))
  export default class RiskTolerance extends React.Component {
   //   ...
    componentDidMount(){
      console.log(this.props.risk_level);
   // ^^returns undefined, despite the reducer initializing it to "false"
      let riskVal = 'something'
      this.props.saveRisk(riskVal)
    }
   //   ...
  }
  </code></pre>
  
  <p>EDIT: I have changed the initial value in the reducer to an appropriate object but my reducer is still not working after the action is called. Any ideas?
  Thank you!</p>