익명 함수를 반환하는 콜백 함수가 onClick에서 오류를 발생시킵니다.

Question

아아아아

TypeScript 컴파일러가 내 코드에 대해 불평합니다. 내가 뭘 잘못하고 있나요?

import React from 'react'

export default function Test() {
  const handleClick = () => (label: string) => {
    console.log('label: ' + label)
  }

  return <button onClick={handleClick('red one')}>click me</button>
}

Answer 1

handleClick 이 함수에는 어떤 유형의 매개변수도 필요하지 않지만 문자열을 전달합니다.

다음과 같아야 합니다:

으아아아

Answer 2

그 반대

해야지

으아아아

대신

으아아아 으아아아