从redux store获取API响应并发送响应

const fetchApiData = (params) => ({
  type: 'FETCH_API_DATA',
  params
});

const initialState = {
  apiData: null,
  isLoading: false,
  error: null
};

const reducer = (state = initialState, action) => {
  switch (action.type) {
    case 'FETCH_API_DATA':
      return {
        ...state,
        isLoading: true
      };
    case 'FETCH_API_DATA_SUCCESS':
      return {
        ...state,
        apiData: action.payload,
        isLoading: false
      };
    case 'FETCH_API_DATA_FAILURE':
      return {
        ...state,
        error: action.error,
        isLoading: false
      };
    default:
      return state;
  }
};

import { connect } from 'react-redux';

const MyComponent = ({ apiData, isLoading, error, fetchApiData }) => {
  useEffect(() => {
    fetchApiData();
  }, []);

  if (isLoading) {
    return <div>Loading...</div>;
  }

  if (error) {
    return <div>Error: {error.message}</div>;
  }

  return (
    <div>
      API Data: {apiData}
    </div>
  );
};

const mapStateToProps = (state) => ({
  apiData: state.apiData,
  isLoading: state.isLoading,
  error: state.error
});

const mapDispatchToProps = (dispatch) => ({
  fetchApiData: () => dispatch(fetchApiData())
});

export default connect(mapStateToProps, mapDispatchToProps)(MyComponent);