如何键入Redux thunk操作创建者以返回承诺

npm install redux-thunk

import { createStore, applyMiddleware } from 'redux';
import thunk from 'redux-thunk';
import rootReducer from './reducers';

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

import axios from 'axios';

export const fetchUser = () => {
  return (dispatch) => {
    dispatch({ type: 'FETCH_USER_REQUEST' });

    axios.get('/api/user')
      .then((response) => {
        dispatch({ type: 'FETCH_USER_SUCCESS', payload: response.data });
      })
      .catch((error) => {
        dispatch({ type: 'FETCH_USER_FAILURE', payload: error.message });
      });
  };
};

import React, { useEffect } from 'react';
import { connect } from 'react-redux';
import { fetchUser } from './actions';

const UserComponent = ({ user, fetchUser }) => {
  useEffect(() => {
    fetchUser();
  }, []);

  return (
    <div>
      {user.loading ? (
        <p>Loading...</p>
      ) : user.error ? (
        <p>{user.error}</p>
      ) : (
        <p>{user.data.name}</p>
      )}
    </div>
  );
};

const mapStateToProps = (state) => {
  return {
    user: state.user,
  };
};

export default connect(mapStateToProps, { fetchUser })(UserComponent);