title: redux getState() doesn't return the updated state
body: <p>The problem that made me stuck for days is that although my redux devtool shows the successful state update without any kind of mutation and with successful View component rerender, but when I call getState() it always return the initial state and doesn't care about updated state! anyone who knows what could make this kind of situation pls help me.</p>
  
  <p>I use react-redux and redux-thunk </p>
  
  <p>action.js</p>
  
  <pre><code>export function test(data) {
    return {
      type: 'TEST',
      data
    };
  }
  
  export function testFunc(data) {
    return dispatch =&gt; {
      dispatch(test(data))
      console.log('GLOBAL STATE IS :', store.getState() )
    };
  }
  </code></pre>
  
  <p>reducer.js</p>
  
  <pre><code>export default function peopleReducer(state = initialState, action) {
    switch (action.type) {
      case 'TEST':
        return {
          ...state,
          test: action.data
        }
      default:
        return state;
    }
  }
  </code></pre>
  
  <p>Page01.js</p>
  
  <pre><code>componentDidUpdate(){
     console.log('get state = ', store.getState())
  }
  
  ....
  
  &lt;TouchableHighlight 
     underlayColor={"#0e911b"}
     onPress={() =&gt; {
     this.props.testing('test contenttttt !!!!')            
      }}
   &gt;
     &lt;Text style={styles.title}&gt;ACTION&lt;/Text&gt;
  &lt;/TouchableHighlight&gt;
  
  
  
  function mapStateToProps(state) {
    return {
      people: state.people,
      planets: state.planets,
      test: state.test
    };
  }
  
  function mapDispatchToProps(dispatch) {
    return { 
      getPeople: () =&gt; dispatch(getPeopleFromAPI()), 
      getPlanets: () =&gt; dispatch(getPlanetsFromAPI()), 
      testing: data =&gt; dispatch(testFunc(data)) };
  }
  
  export default connect(mapStateToProps, mapDispatchToProps)(App);
  </code></pre>