React-Redux状态不会更新onClick

游戏板.types.js

const GameBoardActionTypes = {
  FORCE_GAMEBOARD_HIDDEN: 'FORCE_GAMEBOARD_HIDDEN'
}
export default GameBoardActionTypes;

游戏板.action.js

import GameBoardActionTypes from './game-board.types';
export const forceGameBoardHidden = value => ({
  type: GameBoardActionTypes.FORCE_GAMEBOARD_HIDDEN,
  payload: value
});

游戏板.reducer.js

import GameBoardActionTypes from './game-board.types'
const INITIAL_STATE = {
  force_hidden: false
}
const gameBoardReducer = ( state = INITIAL_STATE, action) => {
  switch (action.type) {
    case GameBoardActionTypes.FORCE_GAMEBOARD_HIDDEN:
      return {
        ...state,
        force_hidden: action.payload
      }
    default:
      return state;
  }
}
export default gameBoardReducer;

根部减速器

import { combineReducers } from 'redux';
import gameBoardReducer from './game-board/game-board.reducer'
export default combineReducers ({
  gameboard: gameBoardReducer
})

商店.js

const middlewares = [];
const store = createStore(rootReducer, applyMiddleware(...middlewares))
export default store;

<Provider store={store}>

应用程序.js--这就是forceGameBoardHidden中魔法应该发生的地方

const App = () => {
  const handleKeyChange = event => {
    setKey(event.target.value);
    console.log("before change")
    forceGameBoardHidden(true)
    console.log(store.getState().gameboard)
  }
  return (
      <SearchBox 
          onChange={handleKeyChange}
          placeholder="Enter your game Key"/>
    </div>
  );
}

const mapDispatchToProps = dispatch => ({
  forceGameBoardHidden: item => dispatch(forceGameBoardHidden(item))
})

export default connect(null,mapDispatchToProps)(App);