Mientras que la unión `esta` al evento onClick en Reaccionar componente está dando `Parámetro 'este' implícitamente tiene un 'cualquier' tipo` de error

Question 1

P. S. he probado la otra respuesta de StackOverflow pero de alguna manera que no funcionan.

Estoy de unión this a la función onClick controlador como se indica a continuación

  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 })}
  />

Pero me da que Parameter 'this' implicitly has an 'any' type error`.

Traté de asignación de varios tipos a saber. cualquier, vacío,typeof para this como

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

Pero se da el tipo no requiere de error. Por favor me ayudan con el problema.

Question 2

El siguiente cambio es lo que ha funcionado para mí. En lugar de enlazar acabo de pasar de evento normal.

Mientras llamaba a onClick se utiliza la función React.MouseEvent<HTMLElement> como tipo de evento

Y en función de la definición utilizada '_e' para suprimir el param defined but not usederror. La adición de aquí para que pueda ayudar a alguien en el 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

Esto podría ser debido al contexto. en el procesamiento antes de volver simplemente hacer lo siguiente; deje que = esta; y llamar a la función con la que, en lugar de este. A mí me funcionó.

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

El siguiente cambio es lo que ha funcionado para mí. En lugar de enlazar acabo de pasar de evento normal.

Mientras llamaba a onClick se utiliza la función React.MouseEvent<HTMLElement> como tipo de evento

Y en función de la definición utilizada '_e' para suprimir el param defined but not usederror. La adición de aquí para que pueda ayudar a alguien en el 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

Esto podría ser debido al contexto. en el procesamiento antes de volver simplemente hacer lo siguiente; deje que = esta; y llamar a la función con la que, en lugar de este. A mí me funcionó.

Mientras que la unión `esta` al evento onClick en Reaccionar componente está dando `Parámetro 'este' implícitamente tiene un 'cualquier' tipo` de error

Pregunta

Mejor respuesta

En otros idiomas

Esta página está en otros idiomas

Popular en esta categoría

Las preguntas más habituales en esta categoría