React-Redux报错this.props.fetchUser不是函数，求解决方案

以下是最常见的排查方向及解决方法：

1. 确认组件已通过connect连接到Redux #

你的Main组件必须用react-redux的connect方法包装，才能把action注入到props中。如果没做这一步，this.props里自然不会有fetchUser。

示例代码：

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

class Main extends Component {
  componentDidMount() {
    this.props.fetchUser();
  }

  render() {
    // 组件内容
    return <></>;
  }
}

// 把fetchUser映射到组件props
export default connect(null, { fetchUser })(Main);

注意：connect的第二个参数可以直接传包含action creator的对象，Redux会自动帮你绑定dispatch。

2. 检查mapDispatchToProps的写法（如果手动定义） #

如果你手动写mapDispatchToProps函数，要确保正确返回包含action creator的对象，或使用bindActionCreators：

写法一：直接返回对象 #

const mapDispatchToProps = {
  fetchUser
};

export default connect(null, mapDispatchToProps)(Main);

写法二：函数式写法 #

import { bindActionCreators } from 'redux';

const mapDispatchToProps = (dispatch) => {
  return bindActionCreators({ fetchUser }, dispatch);
};

export default connect(null, mapDispatchToProps)(Main);

3. 确认fetchUser action creator定义正确 #

如果action需要异步操作（比如请求API），必须确保它是返回函数的thunk action（前提是已配置redux-thunk中间件）：

示例action代码：

// ../redux/actions.js
import axios from 'axios';

export const fetchUser = () => {
  // 返回接收dispatch的函数
  return async (dispatch) => {
    try {
      const res = await axios.get('/api/user');
      dispatch({ type: 'FETCH_USER_SUCCESS', payload: res.data });
    } catch (err) {
      dispatch({ type: 'FETCH_USER_FAILURE', payload: err.message });
    }
  };
};

如果是同步action，确保它是返回action对象的函数：

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

4. 检查组件导出方式 #

确保导出的是经过connect包装后的组件，而非原始Main组件：

// 错误：直接导出原始组件
export default Main;

// 正确：导出连接后的组件
export default connect(null, { fetchUser })(Main);

5. 确认Redux store配置了必要中间件 #

如果fetchUser是异步action，创建store时必须加入redux-thunk中间件，否则Redux无法处理返回函数的action：

示例store配置：

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

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

export default store;

内容的提问来源于stack exchange，提问作者Simrat Jolly