Redux 减速机的自定义 ESLint 规则

Question

I am using Redux and Redux Toolkit in combination with ESLint.

When I implement my extraReducers , sometimes I don't require both the state and action property that Redux supplies, which in turn, makes ESLint throw an error.

Right now, I am manually disabling the linter rule for that specific line with this comment:

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

However, is there a way to rewrite the function declaration to avoid the linter rule, or can I globally disable the rule only for this case?

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

Answer 1

You just don't need to declare parameters that you don't use. You can always add them in later.

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

is totally fine as well.

Answer 2

In that case you can leave out action param. But if unused param precedes used ones, then one option is to use underscore syntax , which is quite common practice:

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