Enquanto enlace de `esse` para o evento onClick em Reagir componente está dando `Parâmetro 'este' tem implicitamente um "qualquer" tipo " de erro

Question 1

P. S. eu tentei a outra resposta do StackOverflow, mas, de alguma forma, que não funcionou.

Eu estou ligação this para a função de onClick do manipulador como dado abaixo

  const handleUpdatePermissionClick = async (user: UserPermission) => {
    try {
      await updateUserPermission(user)
      setShowError(false)
    } catch (e) {
      setShowError(true)
    }
  }

  <MenuItem
    name={ele.name}
    Key={ele.name}
    onClick={handleUpdatePermissionClick.bind(this, { permission: ele, userId })}
  />

Mas ele me dá Parameter 'this' implicitly has an 'any' type erro`.

Eu tentei a atribuição de vários tipos de saber. qualquer, vazio,typeof para this como

onClick={handleUpdatePermissionClick.bind(this:any, { permission: ele, userId })}

Mas ele dá um tipo de erro necessário. Por favor, me ajudar com o problema.

Question 2

A seguinte alteração é que funcionou para mim. Em vez de vincular eu só passou evento normal.

Ao chamar manipulador onClick função usada React.MouseEvent<HTMLElement> como tipo de evento

E em função da definição de "_e' para suprimir o param defined but not usederro. Adicioná-lo aqui, para que ela possa ajudar alguém no futuro.

const handleUpdatePermissionClick = async (_e:React.MouseEvent<HTMLElement>,user: UserPermission) => {
   try {
      await updateUserPermission(user)
      setShowError(false)
   } catch (e) {
      setShowError(true)
   }
}

 <MenuItem
   name={ele.name}
   key={ele.name}
   onClick={(e: React.MouseEvent<HTMLElement>) => {
     handleUpdatePermissionClick(e, { permission: ele, userId })
   }}
 />

Question 3

Isto pode ser devido ao contexto. em render antes de retornar basta fazer o seguinte; deixe que = isso; e chamar a função usando que, em vez desta. Ele trabalhou para mim.

Vipul Patil · Answer 1 · 2021-11-23T17:48:19

A seguinte alteração é que funcionou para mim. Em vez de vincular eu só passou evento normal.

Ao chamar manipulador onClick função usada React.MouseEvent<HTMLElement> como tipo de evento

E em função da definição de "_e' para suprimir o param defined but not usederro. Adicioná-lo aqui, para que ela possa ajudar alguém no futuro.

const handleUpdatePermissionClick = async (_e:React.MouseEvent<HTMLElement>,user: UserPermission) => {
   try {
      await updateUserPermission(user)
      setShowError(false)
   } catch (e) {
      setShowError(true)
   }
}

 <MenuItem
   name={ele.name}
   key={ele.name}
   onClick={(e: React.MouseEvent<HTMLElement>) => {
     handleUpdatePermissionClick(e, { permission: ele, userId })
   }}
 />

Nazneen · Answer 2 · 2021-11-25T12:07:12

Isto pode ser devido ao contexto. em render antes de retornar basta fazer o seguinte; deixe que = isso; e chamar a função usando que, em vez desta. Ele trabalhou para mim.

Enquanto enlace de `esse` para o evento onClick em Reagir componente está dando `Parâmetro 'este' tem implicitamente um "qualquer" tipo " de erro

Pergunta

Melhor resposta

Em outros idiomas

Esta página está em outros idiomas

Popular nesta categoria

Perguntas populares nesta categoria