title: react-redux: dispatch action from reducer
body: <p>I'd like to dispatch an action from the BuildingComponent's reducer function to affect the state of the InfoDrawer's state. </p>
  
  <p>I know that this is not possible in redux, but I can't think of an alternative. Can anyone give me any suggestions/recommendations?</p>
  
  <p>Thanks ahead of time. Any help is appreciated.</p>
  
  <p><strong>BuildingComponent</strong></p>
  
  <pre><code>//BuildingsState initial state
  let initialState = {
    hasHighlight: false,
    buildings: [],
    visible: false,
  }
  
  // BuildingsState reducer
  export function BuildingsState(state = initialState, action) {
  
    if (action.type === 'BUILDING_TOGGLE') {
  
      if(state.hasHighlight &amp;&amp; state.visible) {
  
        // I WANT TO DISPATCH AN ACTION HERE
        // dispatch({ type: "ResetPOIs" })
  
      } else {
        return {
          ...state,
          visible: !state.visible
        }
      }
    }
  
    ...
  
  }
  </code></pre>
  
  <p><strong>InfoDrawerComponent</strong></p>
  
  <pre><code>//initial InfoDrawer State
  const initialState = {
    open: false,
    textToDisplay: "",
    link: "",
  }
  
  //InfoDrawer reducer
  export function InfoDrawerState ( state = initialState, action ) {
  
    if (action.type === "ResetPOIs") {
      return { textToDisplay: "", link: "", open: false };
    }
  
    ...
  
  }
  </code></pre>
  
  <p><strong>Here is how my state is laid out</strong></p>
  
  <pre><code>state = {
  
    BuildingsState: {
      hasHighlight: false,
      buildings: [],
      visible: false
    }
  
    InfoDrawerState: {
      textToDisplay: "",
      link: "",
      open: false
    }
  
    ...
  
  }
  </code></pre>