화살표 함수가 이상해

class Test extends Component {

  onClickBtn = (text) => {
   ... 
  }
   
  render() {
	return (
      <button onClick={() => this.onClickBtn("hello")}></button>
    )
  }
}

이것을 조금 더 간단하게 하자면, 아래와 같이 바꿀 수 있다고 한다. onClickBtn과 onClick={..} 부분을 잘 보자. (high order function)

class Test extends Component {

  onClickBtn = (text) => () => {
   ... 
  }
   
  render() {
	return (
      <button onClick={this.onClickBtn("hello")}></button>
    )
  }
}