Redux柯里化函数内部Dispatch未执行？请求排查原因及语法问题

你的代码不存在语法错误，内部函数未执行的原因集中在Redux Thunk的使用规范上，具体分为两种情况：

1. 未配置Redux Thunk中间件 #

createBoard是Redux Thunk风格的action creator，它返回的是一个函数而非普通对象。Redux默认的dispatch只能处理纯对象类型的action，无法识别并执行返回函数的action，必须安装并配置redux-thunk中间件才能支持这种特性。

解决步骤：

• 安装依赖：

  npm install redux-thunk
  # 或
  yarn add redux-thunk
  

• 创建store时引入中间件：

  import { createStore, applyMiddleware } from 'redux';
  import thunk from 'redux-thunk';
  import rootReducer from './path/to/rootReducer';
  
  const store = createStore(rootReducer, applyMiddleware(thunk));
  

2. 调用createBoard时未正确通过dispatch触发 #

如果只是直接调用createBoard('测试看板')，只会执行外层函数（打印boardTitle）并返回内部函数，但不会触发这个内部函数的执行。必须将createBoard的返回值传给Redux的dispatch方法。

正确调用示例（React组件中）：

import { useDispatch } from 'react-redux';
import { createBoard } from './path/to/yourActions';

const BoardCreator = () => {
  const dispatch = useDispatch();

  const handleCreate = () => {
    // 必须通过dispatch触发内部函数执行
    dispatch(createBoard('我的新看板'));
  };

  return <button onClick={handleCreate}>创建看板</button>;
};

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