如何从类而不是组件分派redux操作

// 1. 创建 Redux store
import { createStore } from 'redux';
const store = createStore(reducer);

// 2. 定义 Redux 的 action
class ReduxAction {
  static increment() {
    return { type: 'INCREMENT' };
  }
}

// 3. 定义 Redux 的 reducer
class ReduxReducer {
  static counter(state = 0, action) {
    switch (action.type) {
      case 'INCREMENT':
        return state + 1;
      default:
        return state;
    }
  }
}

// 4. 创建一个类来处理 Redux 操作
class ReduxHandler {
  constructor(store) {
    this.store = store;
  }

  dispatch(action) {
    this.store.dispatch(action);
  }

  getState() {
    return this.store.getState();
  }
}

// 5. 在组件中使用类来分派 Redux 操作
const reduxHandler = new ReduxHandler(store);

class MyComponent extends React.Component {
  handleButtonClick() {
    reduxHandler.dispatch(ReduxAction.increment());
  }

  render() {
    const state = reduxHandler.getState();
    return (
      <div>
        <p>Counter: {state.counter}</p>
        <button onClick={this.handleButtonClick}>Increment</button>
      </div>
    );
  }
}