바인딩하는 동안`이`을 onClick 이벤트에 반응하는 구성요소가 주는`매개 변수'이'암시적으로 이'모든'유형`오류

Question 1

P.S. 했는데 다른 대답에서 유래하지만 어떻게 든 것이 작동하지 않았습니다.

나는 바인딩 this 을 onClick 기능을 핸들러 아래로

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

하지만 그것이 나에게 Parameter 'this' implicitly has an 'any' type 었습니다.

나가려고 할당하여 여러 종류 viz. 어떤 void,typeof 하기 this 로

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

그러나 그것은 유형은 필요하지 않 오류가 있습니다. 저를 도와주세요으로 문제입니다.

Question 2

다음과 같은 변경은 무엇이 나를 위해 일했습니다. 대신에 바인딩 나는 그냥 전달되는 일반 이벤트입니다.

하는 동안 호출 onClick 핸들러 기능 사용 React.MouseEvent<HTMLElement> 이벤트 유형

와 기능에 사용되는 정의'_e'을 억제 param defined but not used오류가 있습니다. 추가 여기에 그것이 도움이 될 수 있도록 누군가에서 미래입니다.

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

이로 인해 수 있습니다. 에서 렌더링을 반환하기 전에 단지 않으로 다음과 같습니다. 자는 이; 호출 기능을 사용하는 대신입니다. 그것은 나를 위해 일했습니다.

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

다음과 같은 변경은 무엇이 나를 위해 일했습니다. 대신에 바인딩 나는 그냥 전달되는 일반 이벤트입니다.

하는 동안 호출 onClick 핸들러 기능 사용 React.MouseEvent<HTMLElement> 이벤트 유형

와 기능에 사용되는 정의'_e'을 억제 param defined but not used오류가 있습니다. 추가 여기에 그것이 도움이 될 수 있도록 누군가에서 미래입니다.

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

이로 인해 수 있습니다. 에서 렌더링을 반환하기 전에 단지 않으로 다음과 같습니다. 자는 이; 호출 기능을 사용하는 대신입니다. 그것은 나를 위해 일했습니다.

바인딩하는 동안`이`을 onClick 이벤트에 반응하는 구성요소가 주는`매개 변수'이'암시적으로 이'모든'유형`오류

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리