În timp ce legarea "asta" la eveniment onClick pe Reacționa componentă este da `Parametru 'asta', implicit, a o 'orice" tip " eroare

Question 1

P. S. am incercat cu un alt răspuns de la StackOverflow dar într-un fel care nu au de lucru.

Sunt obligatorii this la onClick funcția handler prezentate mai jos

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

Dar dă-mi Parameter 'this' implicitly has an 'any' type eroare`.

Am încercat atribuirea de mai multe tipuri și anume. orice, gol,typeof să this ca

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

Dar dă-tip nu este necesar de eroare. Te rog ajuta-ma cu problema.

Question 2

Următoarea schimbare este ceea ce a lucrat pentru mine. În loc de a lega tocmai am trecut normal eveniment.

În timp ce de asteptare handler onClick funcția de folosit React.MouseEvent<HTMLElement> ca tip de eveniment

Și în funcție de definiția utilizată '_e' pentru a suprima param defined but not usederoare. Adăugarea de aici, ca s-ar putea ajuta pe cineva in viitor.

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

Acest lucru ar putea fi din cauza contextului. în render înainte de a reveni doar face după cum urmează; lasa ca = aceasta; și apela funcția folosind în loc de asta. Ea a lucrat pentru mine.

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

Următoarea schimbare este ceea ce a lucrat pentru mine. În loc de a lega tocmai am trecut normal eveniment.

În timp ce de asteptare handler onClick funcția de folosit React.MouseEvent<HTMLElement> ca tip de eveniment

Și în funcție de definiția utilizată '_e' pentru a suprima param defined but not usederoare. Adăugarea de aici, ca s-ar putea ajuta pe cineva in viitor.

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

Acest lucru ar putea fi din cauza contextului. în render înainte de a reveni doar face după cum urmează; lasa ca = aceasta; și apela funcția folosind în loc de asta. Ea a lucrat pentru mine.

În timp ce legarea "asta" la eveniment onClick pe Reacționa componentă este da `Parametru 'asta', implicit, a o 'orice" tip " eroare

Problema

Cel mai bun răspuns

În alte limbi

Această pagină este în alte limbi

Popular în această categorie

Întrebări frecvente în această categorie