mapStateToProps () dans Connect () doit renvoyer un objet brut. Au lieu de cela reçu undefined

J'ai un problème d'affichage des données.

Dans mon application, j'utilise react et redux.

Dans la console, j'obtiendrai une erreur mapStateToProps () dans Connect (ListPets) doit retourner un objet simple. Au lieu de cela, reçu undefined.

Ceci est mon composant principal

const initialState = {
  isFetching: false,
  dataPet: [],
};

const fetchDataReducer = (state=initialState, action) => {
  switch(action.types) {
    case actionTypes.FETCH_DATA_START:
      return {
        ...state,
        isFetching: true,
      }
    case actionTypes.FETCH_DATA_SUCCESS:
      return {
        ...state,
        isFetching: false,
        dataPet: action.dataPet,
      }
    case actionTypes.FETCH_DATA_FAIL:
      return {
        ...state,
        isFetching: false,
      }
  };
}

Ce fragment console.log (loadData); code > afficher

Æ’ loadData() {
      return dispatch(Object(_actions_actions__WEBPACK_IMPORTED_MODULE_7__["default"])());
    }

Lorsque j'ajoute le code {dataPet.data} dans div. J'obtiens une erreur]. Comme si ces données n'étaient pas dans le magasin, je ne sais pas ...

c'est ma fonction de réduction

import React, { Component } from 'react';
import { connect } from 'react-redux';
import loadData from '../actions/actions';

class ListPets extends Component {

  componentDidMount() {
    const { loadData } = this.props;
    loadData();
    console.log(loadData );
  }

  render() {
    const { dataPet } = this.props;
    return (
      <div>


      </div>
    );
  }
}

const mapStateToProps = (state) => {
  return state;
};

const mapDispatchToProps = (dispatch) => {
  return {
    loadData: () => dispatch(loadData())
  }
};

Les données sont bien téléchargées, car le la console reçoit l'action FETCH_DATA_SUCCESS .

Je ne sais pas comment résoudre ce problème