如何从action创建者正确访问error对象(来自后台)？

import axios from 'axios';

// action创建者
export const fetchData = () => {
  return (dispatch) => {
    axios.get('/api/data')
      .then((response) => {
        // 请求成功
        dispatch({
          type: 'FETCH_SUCCESS',
          payload: response.data
        });
      })
      .catch((error) => {
        // 请求失败
        dispatch({
          type: 'FETCH_ERROR',
          error: error.response.data
        });
      });
  };
};

// reducer
const initialState = {
  data: null,
  error: null
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'FETCH_SUCCESS':
      return {
        ...state,
        data: action.payload,
        error: null
      };
    case 'FETCH_ERROR':
      return {
        ...state,
        data: null,
        error: action.error
      };
    default:
      return state;
  }
};