无法理解react redux中的reducer功能

问题描述

这是我的减速器功能：

export default (posts = [],action) => {
  switch (action.type) {
    case FETCH_ALL:
      return action.payload;
    case LIKE:
      return posts.map((post) => (post._id === action.payload._id ? action.payload : post));
    case CREATE:
      return [...posts,action.payload];
    case UPDATE:
      return posts.map((post) => (post._id === action.payload._id ? action.payload : post));
    case DELETE:
      return posts.filter((post) => post._id !== action.payload);
    default:
      return posts;
  }
};

在

case CREATE:
      return [...posts,action.payload];

到目前为止我所了解的是，reducer 函数会获得旧状态和新状态。旧状态由 'posts' 表示，新状态由 'action.payload' 表示……现在我不明白的是 [...posts,action.payload] 是什么？

那三个点是什么？ 为什么有方括号？ reducer 函数返回什么？ 这里发生了什么？ 我是一个java程序员，我什么都看不懂

解决方法

我什么都明白了。

reducer 函数正在获取两个参数 (posts = [],action) :

第一个是旧状态，第二个参数是包含类型和新数据的动作对象......这个reducer函数通过将我的新数据添加到旧状态来返回一个新状态

在这个

case CREATE:
      return [...posts,action.payload];

这...三个点是展开式语法，可以通过转到 chellappan 在评论部分中给出的以下链接来完全理解：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

[]方括号表示一个数组，它是我们的新状态。