小编gab*_*el 的帖子

您好，我的 estlint 遇到问题：

分配给函数参数“state”的属性。eslintno-param-重新分配

在此代码上：

state.sideisOpen = action.payload;

interface SideBar {
  sideisOpen: boolean;
}

const INITIAL_STATE: SideBar = {
  sideisOpen: true,
};

const sideBar = createSlice({
  name: 'toggleSide',
  initialState: INITIAL_STATE,
  reducers: {
    toggleSide: (state, action: PayloadAction<boolean>) => {
      state.sideisOpen = action.payload;
    },
  },
});

export const { toggleSide } = sideBar.actions;
export { sideBar };

我有这个功能和这个类型：

类型 ClickHandler = (标签: Itag) => void;

类型 ShowHideDropItem = (标签: Itag) => void;

我的 tsx：

  const [menuItems, setMenuItems] = useState<ITag[]>(SideBarTags);

  const clickHandler: ClickHandler = (tag) => () => {
    showHideDropItem(tag);
  };

  const showHideDropItem: ShowHideDropItem = (tag) => {
    setMenuItems((items) =>
      items.map((item) => ({
        ...item,
        Active:
          item.Name === tag.Name ? (tag.Active === true ? false : true) : false,
      }))
    );
  };

但我在 onClick 上收到此错误：

类型“void”不可分配给类型“((event: MouseEvent) => void) |” 不明确的'。TS2322

您好，我遇到以下缩进错误：

预期缩进 4 个空格，但发现 6.eslint(@typescript-eslint/indent)

我已经尝试了所有方法，但找不到任何解决方案，eslint指示执行以下操作：

“缩进”：“关闭”，

“@typescript-eslint/indent”：[“错误”]，

但不工作

.eslintrc：

// .eslintrc
{
  "plugins": ["prettier", "@typescript-eslint"],
  "extends": ["airbnb-typescript", "react-app", "prettier"],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "settings": {
    "import/resolver": {
      "typescript": {
        "alwaysTryTypes": true
      }
    }
  },
  "rules": {
    "indent": "off",
    "@typescript-eslint/indent": ["error"],
    "quotes": [2, "single", { "avoidEscape": true }],
    "object-curly-spacing": ["warn", "always"],
    "no-unused-vars": [
      "warn",
      {
        "vars": "all",
        "args": "none"
      }
    ],
    "@typescript-eslint/no-unused-vars": [
      "warn",
      {
        "vars": "all",
        "args": "none"
      }
    ],
    "@typescript-eslint/no-explicit-any": [
      "error",
      {
        "ignoreRestArgs": …

我有两个一对一双向的实体类型：

部门：

@Entity('Departament')
export default class Departament {
  @PrimaryGeneratedColumn()
  id: string;

  @Column()
  departament_name: string;

  @OneToOne(type => User, user => user.departament)
  @JoinColumn()
  user: User;

  @CreateDateColumn({ name: 'created_at' })
  createdAt: Date;

  @UpdateDateColumn({ name: 'updated_at' })
  UpdatedAt: Date;
}

用户：

@Entity('User')
export default class User {
  @PrimaryGeneratedColumn()
  id: string;

  @Column()
  name: string;

  @Column()
  last_name: string;

  @Column()
  email: string;

  @Column()
  login: string;

  @Column()
  password: string;

  @OneToOne(type => Departament, departament => departament.user)
  departament: Departament;
}

这些是我的.eslintrc设置：

{
  "env": {
    "es6": true,
    "node": true, …

您好，我正在尝试将打字稿与反应图标一起使用，如下所示：

import { IconType } from \'react-icons\';\nimport { FiAlertOctagon } from \'react-icons/fi\';\n\nexport interface IDropdownItems {\n  name: string;\n  link: string;\n}\nexport interface ITag {\n  name: string;\n  link: string;\n  icon: IconType;\n  dropdownItems: IDropdownItems[] | null;\n  active: boolean;\n}\n\nexport const SideBarTags: ITag[] = [\n  {\n    name: \'Tutoriais\',\n    link: \'../tutorials\',\n    icon: FiAlertOctagon,\n    dropdownItems: null,\n    active: false,\n  },\n  {\n    name: \'Avisos\',\n    link: \'../news\',\n    icon: FiAlertOctagon,\n    dropdownItems: null,\n    active: false,\n  },\n  {\n    name: \'Servi\xc3\xa7os\',\n    link: \'../services\',\n    icon: FiAlertOctagon,\n    active: false,\n    dropdownItems: [\n      { name: \'Elo Boost\', link: …