如何将功能逻辑移动到reducer以更新状态

// 定义action类型
const INCREMENT = 'INCREMENT';

// 定义action创建函数
const increment = () => ({
  type: INCREMENT,
});

// 定义reducer
const initialState = {
  count: 0,
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case INCREMENT:
      return {
        ...state,
        count: state.count + 1,
      };
    default:
      return state;
  }
};

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

// 在组件中使用状态和更新状态
const Counter = () => {
  const count = store.getState().count;

  const handleIncrement = () => {
    store.dispatch(increment());
  };

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={handleIncrement}>Increment</button>
    </div>
  );
};