如何使用 Immer.js 將新字段添加到 reducer？

Question

例如，

state = {
  data: {}
}

如何將新的嵌套字段添加到 object 中？ 我無法設置該字段，因為出現錯誤Cannot read property 'date' of undefined

const reducer = produce((draft, action) => {
   switch (action.type) {
      case 'ACTION_SUCCESS':
      draft.data.children.date = action.response;
   }
});

結果我想要：

  data: {
     children: {
        data: 'date'
     }
  }
}

Answer 1

此處適用普通 JS object 操作規則。 如果還沒有.y字段，您不能編寫obj.xyz = - 您必須先創建它。