反应。如何使用状态生成函数？

// 初始状态生成函数
function getInitialState() {
  return {
    count: 0,
    isLoading: false,
  };
}

// 动作处理函数
function reducer(state, action) {
  switch (action.type) {
    case 'INCREMENT':
      return { ...state, count: state.count + 1 };
    case 'DECREMENT':
      return { ...state, count: state.count - 1 };
    case 'SET_LOADING':
      return { ...state, isLoading: action.payload };
    default:
      return state;
  }
}

// 使用Redux创建store
import { createStore } from 'redux';
const store = createStore(reducer, getInitialState());

// 在组件中使用
import React from 'react';
import { useSelector, useDispatch } from 'react-redux';

function Counter() {
  const count = useSelector(state => state.count);
  const isLoading = useSelector(state => state.isLoading);
  const dispatch = useDispatch();

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => dispatch({ type: 'INCREMENT' })}>Increment</button>
      <button onClick={() => dispatch({ type: 'DECREMENT' })}>Decrement</button>
      <button onClick={() => dispatch({ type: 'SET_LOADING', payload: true })}>Set Loading</button>
      {isLoading && <p>Loading...</p>}
    </div>
  );
}

export default Counter;