React bileşenindeki onClick olayına 'this' bağlanması `Parametre 'verirken, bu' örtük olarak 'herhangi bir' tür ' hatasına sahiptir

Question 1

P. S. bu StackOverflow ama nedense diğer cevabı çalıştım.

Bağlanıyorum this aşağıda verilen onClick işlev işleyicisine

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

Ama bana veriyor Parameter 'this' implicitly has an 'any' type hatasız`.

Birden çok tür atamayı denedim, yani. any,void, typeof için this olarak

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

Ancak gerekli olmayan bir hata verir. Lütfen bu konuda bana yardım edin.

Question 2

Aşağıdaki değişiklik benim için işe yaradı. Bağlama yerine normal olayı geçtim.

onClick işleyicisi işlevi çağrılırken kullanılır React.MouseEvent<HTMLElement> olay türü olarak

Ve işlev tanımında '_e' bastırmak için kullanılır param defined but not used hata. Gelecekte birisi yardımcı olabilir burada da sözlerine ekledi.

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

Bu bağlamdan kaynaklanıyor olabilir. geri dönmeden önce oluşturmada sadece aşağıdakileri yapın; buna izin ver = bu; ve bunun yerine bunu kullanarak işlevi çağırın. Benim için işe yaradı.

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

Aşağıdaki değişiklik benim için işe yaradı. Bağlama yerine normal olayı geçtim.

onClick işleyicisi işlevi çağrılırken kullanılır React.MouseEvent<HTMLElement> olay türü olarak

Ve işlev tanımında '_e' bastırmak için kullanılır param defined but not used hata. Gelecekte birisi yardımcı olabilir burada da sözlerine ekledi.

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

Bu bağlamdan kaynaklanıyor olabilir. geri dönmeden önce oluşturmada sadece aşağıdakileri yapın; buna izin ver = bu; ve bunun yerine bunu kullanarak işlevi çağırın. Benim için işe yaradı.

React bileşenindeki onClick olayına 'this' bağlanması `Parametre 'verirken, bu' örtük olarak 'herhangi bir' tür ' hatasına sahiptir

Soru

En iyi cevabı

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride