Axios将请求放入React，Redux不工作

// 安装并配置Redux中间件
import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';

const store = createStore(rootReducer, applyMiddleware(thunk));

// 定义相应的Action和Reducer
// actions.js
export const fetchUserSuccess = (user) => ({
  type: 'FETCH_USER_SUCCESS',
  payload: user,
});

export const fetchUserError = (error) => ({
  type: 'FETCH_USER_ERROR',
  payload: error,
});

// reducers.js
const initialState = {
  user: null,
  error: null,
};

const userReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'FETCH_USER_SUCCESS':
      return {
        ...state,
        user: action.payload,
        error: null,
      };
    case 'FETCH_USER_ERROR':
      return {
        ...state,
        user: null,
        error: action.payload,
      };
    default:
      return state;
  }
};

// 在React组件中使用Axios发送请求
import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import axios from 'axios';
import { fetchUserSuccess, fetchUserError } from './actions';

const UserComponent = () => {
  const dispatch = useDispatch();
  const user = useSelector((state) => state.user);
  const error = useSelector((state) => state.error);

  useEffect(() => {
    axios.get('/api/user')
      .then((response) => {
        dispatch(fetchUserSuccess(response.data));
      })
      .catch((error) => {
        dispatch(fetchUserError(error.message));
      });
  }, []);

  return (
    <div>
      {user && <p>User: {user.name}</p>}
      {error && <p>Error: {error}</p>}
    </div>
  );
};