React Redux Toolkit创建userSlice报no-unused-expressions错误求助

报错原因 #

你遇到的no-unused-expressions是ESLint抛出的校验错误，核心问题是你在reducer的函数作用域内，使用逗号（,）分隔多条独立赋值语句。
在JavaScript的函数体内，多条语句需要使用分号（;）作为分隔符，或是直接换行依赖自动分号补全规则。如果用逗号分隔，代码会被解析为逗号表达式，除最后一条语句外的其他赋值都会被判定为未被使用的表达式，因此触发了规则报错。

修复方案 #

把两个reducer函数内，每条赋值语句末尾的逗号替换为分号，或是直接删除逗号即可，修改后的代码参考：

import { createSlice } from "@reduxjs/toolkit";

const initialUserState = {
  fullname: "",
  email: "",
  isAuth: false
}

const userSlice = createSlice({
  name: "user",
  initialState: initialUserState,
  reducers: {
    setUserState: (state, action) => {
      state.fullname = action.payload.fullname
      state.email = action.payload.email
      state.isAuth = action.payload.isAuth
    },
    reset: (state) => {
      state.fullname = ""
      state.email = ""
      state.isAuth = false
    },
  },
});

export const userActions = userSlice.actions;

export default userSlice.reducer;

你也可以保留分号作为语句结束标识，两种写法都可以正常通过ESLint校验，功能也不受影响。

内容的提问来源于stack exchange，提问作者Cláudio Vitor Dantas