在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;