在 dispatch() 我得到一个空数组 [重复]

Question

我尝试学习react 和redux，但我卡住了。我在网上查看了其他示例，但它们非常复杂。我的例子非常基本和简单。我需要先了解这里发生了什么。

在 index.js 中，我发送了一个动作，addJoke，但在控制台中我什么也没看到，只有一个空数组。

代码为here on sandbox，方便大家查看、修改、测试。

请有人告诉我哪里出错了。

Answer 1

Reducer 文件的变化：action.jokes 代替了 action.joke

const jokesReducer = (state = [], action) => {
  switch (action.type) {
    case "ADD_JOKE":
      return [...state, action.jokes];

    default:
      return state;
  }
};

export default jokesReducer;