如何使用带有“this”的箭头 function 修复此 @typescript-eslint 警告？

Question

I'm using this typescript code:

const tryThis = () => {
  const methods = {
    Login() {
      console.log("I'm Login()")
    },

    OnInit() {
      this.Login()
    }
  }

  return methods
}

but @typescript-eslint warns me with:

1. Unsafe member access.Login on an any value. eslint@typescript-eslint/no-unsafe-member-access

2. Unsafe call of an any typed value. eslint@typescript-eslint/no-unsafe-call

Why?

How can I fix this?

Answer 1

Depending on your eslint config, the linter might not allow access to members with any type. To fix that you can fix that in your.eslintrc.js file with "no-unsafe-any": false check here , or type your function.

type ThisType = () => {
    Login(): void;
    OnInit(): void;
}

const tryThis:ThisType = () => {
  const methods = {
    Login() {
      console.log("I'm Login()")
    },

    OnInit() {
      this.Login()
    }
  }

  return methods
}