在此react redux代码中，在何处进行切换操作？

// 导入必要的库和组件
import React from 'react';
import { createStore } from 'redux';
import { Provider, connect } from 'react-redux';

// 定义初始状态
const initialState = {
  toggle: false
};

// 定义动作类型
const TOGGLE = 'TOGGLE';

// 定义动作创建函数
const toggleAction = () => ({
  type: TOGGLE
});

// 定义reducer函数
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case TOGGLE:
      return {
        ...state,
        toggle: !state.toggle
      };
    default:
      return state;
  }
};

// 创建store
const store = createStore(reducer);

// 定义一个展示组件
const ToggleComponent = ({ toggle, onToggle }) => (
  <div>
    <button onClick={onToggle}>切换</button>
    {toggle ? <div>已切换</div> : <div>未切换</div>}
  </div>
);

// 定义映射函数
const mapStateToProps = state => ({
  toggle: state.toggle
});

const mapDispatchToProps = dispatch => ({
  onToggle: () => dispatch(toggleAction())
});

// 使用connect函数将展示组件连接到redux
const ConnectedToggleComponent = connect(
  mapStateToProps,
  mapDispatchToProps
)(ToggleComponent);

// 渲染应用程序
const App = () => (
  <Provider store={store}>
    <ConnectedToggleComponent />
  </Provider>
);

export default App;