Zatímco vazba " to " k události onClick na Reagovat součást dává `Parametr 'to' implicitně má 'nějaké' typ` chyba

Question 1

P. S. zkoušel jsem další odpověď ze StackOverflow, ale nějak to nefungovalo.

Jsem závazná this onClick funkce obslužné rutiny, jak je uvedeno níže

  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 mi dává Parameter 'this' implicitly has an 'any' type chyba`.

Snažil jsem se přiřadit více typů viz. žádné, void,typeof se this jako

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

Ale to dává typ není nutné chyb. Prosím, pomozte mi s otázkou.

Question 2

Následující změna je to, co pracoval pro mě. Místo vázat jen jsem prošel normální události.

Při volání onClick handler funkce používá React.MouseEvent<HTMLElement> jako typ události

A v definici funkce použité '_e' potlačit param defined but not usedchyba. Přidání to tady tak, že by to mohlo pomoci někomu v budoucnu.

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 by mohlo být vzhledem ke kontextu. v render, než vrátit to prostě udělat jako následující; ať to = to; a volání funkce pomocí které místo toho. To fungovalo pro mě.

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

Následující změna je to, co pracoval pro mě. Místo vázat jen jsem prošel normální události.

Při volání onClick handler funkce používá React.MouseEvent<HTMLElement> jako typ události

A v definici funkce použité '_e' potlačit param defined but not usedchyba. Přidání to tady tak, že by to mohlo pomoci někomu v budoucnu.

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 by mohlo být vzhledem ke kontextu. v render, než vrátit to prostě udělat jako následující; ať to = to; a volání funkce pomocí které místo toho. To fungovalo pro mě.

Zatímco vazba " to " k události onClick na Reagovat součást dává `Parametr 'to' implicitně má 'nějaké' typ` chyba

Otázka

Nejlepší odpověď

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii