javascript - Immer.js 和 eslint fp/no-mutation

Question

Eslint 总是提示 Unallowed reassignment from fp/no-mutation rule for basic immer 构造:

const nextState = produce(baseState, draftState => {
    draftState.push({todo: "Tweet about it"})
    draftState[1].done = true
})

由于 draftState 总是在变化，如何避免这种烦恼？

Answer 1

您可以在 ESLint 配置中为 fp/no-mutation 规则添加异常(exception)。

"fp/no-mutation": [
   "error",
   {
     exceptions: [{ object: "draftState" }],
   },
 ]

注意:这足以满足变异对象为“draftState”的情况。所以你必须记住这一点:)

引用: https://github.com/jfmengels/eslint-plugin-fp/blob/master/docs/rules/no-mutation.md