Podczas wiązania `to` do zdarzenia onClick komponentu React opcja to" niejawnie zawiera błąd dowolnego typu

Question 1

P. S. próbowałem inną odpowiedź z StackOverflow, ale jakoś to nie zadziałało.

Kojarzę this do obsługi funkcji onClick, jak określono poniżej

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

Ale to daje mi Parameter 'this' implicitly has an 'any' type błąd`.

Próbowałem przypisać kilka rodzajów, a mianowicie. każdy, pusty,typ this jak

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

Ale to daje błąd typu "Nie chcesz". Proszę, pomóżcie mi rozwiązać ten problem.

Question 2

Kolejna zmiana to to, że to co działa dla mnie. Zamiast wiązania po prostu przeszedł zwykłe zdarzenie.

Po wywołaniu funkcji obsługi onClick używany React.MouseEvent<HTMLElement> jak typ zdarzenia

I w definicji funkcji służy "_e" dla redukcji param defined but not usedbłąd. Dodaję go tutaj, aby mógł komuś pomóc w przyszłości.

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

To może być związane z kontekstem. w trybie renderowania przed zwrotem po prostu wykonaj następujące kroki; niech to = to; i wywołaj funkcję, za pomocą to zamiast tego. To zadziałało na mnie.

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

Kolejna zmiana to to, że to co działa dla mnie. Zamiast wiązania po prostu przeszedł zwykłe zdarzenie.

Po wywołaniu funkcji obsługi onClick używany React.MouseEvent<HTMLElement> jak typ zdarzenia

I w definicji funkcji służy "_e" dla redukcji param defined but not usedbłąd. Dodaję go tutaj, aby mógł komuś pomóc w przyszłości.

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

To może być związane z kontekstem. w trybie renderowania przed zwrotem po prostu wykonaj następujące kroki; niech to = to; i wywołaj funkcję, za pomocą to zamiast tego. To zadziałało na mnie.

Podczas wiązania `to` do zdarzenia onClick komponentu React opcja to" niejawnie zawiera błąd dowolnego typu

Pytanie

Najlepsza odpowiedź

W innych językach

Ta strona jest w innych językach

Popularne w tej kategorii

Najczęściej zadawane pytania w tej kategorii