Redux减速器的自定义ESLint规则

Question

我正在使用Redux和Redux与ESLint相结合。

当我实现我的extraReducers时，有时我不需要Redux提供的state和action属性，这反过来会导致ESLint抛出一个错误。

现在，我正在手动禁用该特定行的linter规则，并有以下注释：

// eslint-disable-next-line no-unused-vars

但是，是否有一种方法可以重写函数声明以避免linter规则，或者我是否可以只在这种情况下全局禁用该规则？

const userSlice = createSlice({
  name: "user",
  initialState,
  reducers: {},
  extraReducers: {
    // eslint-disable-next-line no-unused-vars
    [fetch.pending]: (state, action) => {
      state.status = "loading"
    },
  },
})

Answer 1

在这种情况下，您可以省略action param。但是，如果未使用的param先于已使用的param，那么一种选择是使用下划线语法，这是非常常见的做法：

const example = (_foo, bar) => console.log(bar);

Answer 2

您只是不需要声明不使用的参数。你以后总是可以把它们加进去。

const userSlice = createSlice({
  name: "user",
  initialState,
  reducers: {},
  extraReducers: {
    [fetch.pending]: () => {
      state.status = "loading"
    },
  },
})

也很好。