Redux 使用数组推送到二级对象

Question

所以我有一个像这样的 redux 商店：

posts : {
   posts: [
      0: { },
      1: { }
   ]
}

我想用这样的额外项目连接数组：

case LOAD_MORE_POSTS_SUCCESS:
  return {
    ...state,
    posts: [...state.posts, action.posts],
    isFetching: false,
  }

然而，这只会将额外的帖子推到第一级，我试过这样做（运气不好）：

case LOAD_MORE_POSTS_SUCCESS:
  return {
    ...state,
    posts: [...state.posts.posts, action.posts],
    isFetching: false,
  }

Answer 1

你有没有尝试过类似的东西：

case LOAD_MORE_POSTS_SUCCESS:
  return {
    ...state,
    posts: {
      posts: [...state.posts.posts, action.posts]
    },
    isFetching: false,
  }

如果 action.posts 是一个数组（复数形式暗示它是），考虑使用：

posts: {
  posts: [...state.posts.posts, ...action.posts]
}

Answer 2

感谢@Gila Artzi - 我的最终代码如下所示：

case LOAD_MORE_POSTS_SUCCESS:
  return {
    ...state,
    posts: [...state.posts, ...action.posts],
    isFetching: false,
  }

Redux 使用数组推送到二级对象

Redux push to 2nd level object with array

immutable.js

redux