Immer.js和eslint /no-突变

Question

Eslint总是抱怨Unallowed reassignment来自基本immer构造的fp/no-mutation规则：

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

既然draftState总是被变异，那么如何才能避免这种烦恼呢？

Answer 1

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

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

注意事项：当变异对象是"draftState“时，这就足够了。所以你必须记住这一点:)

参考： https://github.com/jfmengels/eslint-plugin-fp/blob/master/docs/rules/no-mutation.md