无法使用redux正确处理react中的状态“正在加载”

npm install redux react-redux

import { createStore } from 'redux';

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

// 定义reducer函数
const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'SET_LOADING':
      return {
        ...state,
        isLoading: action.payload,
      };
    default:
      return state;
  }
};

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

import React from 'react';
import { Provider } from 'react-redux';
import { store } from './store';

const App = () => {
  return (
    <Provider store={store}>
      {/* 应用程序的其他组件 */}
    </Provider>
  );
};

export default App;

import React from 'react';
import { useSelector } from 'react-redux';

const MyComponent = () => {
  const isLoading = useSelector(state => state.isLoading);

  return (
    <div>
      {isLoading ? '正在加载...' : '加载完成'}
    </div>
  );
};

export default MyComponent;