Immer reducer不适用于Typescript

Question

我在TypeScript中用immer.js创建的reducer有问题。

我不明白以下几点：

当我在初始状态中使用对象文字{}时，不变性可以很好地工作，但只有一次

const byId = (state = {}, action) =>
    produce(state, draft => {
        switch (action.type) {
            case RECEIVE_PRODUCTS:
               ...
)
        }
    })

我将文字更改为对象不可变性停止工作的实例

const byId = (state = new SomeObject(), action) =>
    produce(state, draft => {
        switch (action.type) {
            case RECEIVE_PRODUCTS:
               ...
)
        }
    })

你能告诉我为什么吗？

谢谢..

Answer 1

您通常希望produce的第一个参数是纯对象或数组。

它也可以是一个“沉浸式类”，尽管我不太熟悉它具体是什么(听起来像是内部的东西)，但它不太可能是您的new SomeObject()调用返回的。

https://github.com/immerjs/immer/blob/master/src/immer.js#L61

如果produce的第一个参数不是其中之一，那么它将不会被“起草”。

https://github.com/immerjs/immer/blob/master/src/common.js#L20

Answer 2

我已经创建了父对象

export class Immerable {
  public [immerable] = true;
}

我需要在produce函数中使用的所有类都有这个父类。谢谢。