對象解構返回嵌套對象

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 */ },
  ...
}