对象解构返回嵌套对象

Question

我的减速器有以下初始状态：

export function videos(
  state = { videos: [], search: { videos: [], term: "" } },
  action
)... 

在我的减速器中，我寻找持久化状态并使用一些持久化道具创建我的新videos数组：

case "VIDEOS_SUCCESS": {
  const { data } = action;
  let videos = [];
  let questions = [];

  data.map(item => {
    let persistedVideo =
      state.videos.find(video => video.id === item.id) || null;
    let bookMarked = persistedVideo ? persistedVideo.bookMarked : false;
    let completed = persistedVideo ? persistedVideo.completed : false;
    ....

    videos.push(newVideo);
  });

  return { ...state, videos: videos };
}

当我返回我的新状态时， videos数组嵌套在video属性中。

{videos:{
    search: {videos: Array(0), term: ""},
     videos: (10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
}}

我怎样才能让我的状态看起来像：

{
   videos: (10) [],
   search: {videos: [], term: ''}
}

Answer 1

商店总是根据它们的减速器来分区状态，所以如果你调用 store.getState() 你应该期望返回的状态是在形式

{
  reducer1: { /* state of reducer1 */ },
  reducer2: { /* state of reducer2 */ },
  ...
}