Onclick 함수가 실행되지 않음

Question

React를 사용하여 버튼 목록 (PageLink)을 표시하려고합니다. 단추 중 하나를 클릭하면 함수 (handleClick)가 호출됩니다. 이 함수를 부모 컴포넌트 (Pagination)의 콜백으로 전달합니다. 그러나이 함수는 호출되지 않습니다. 여기 내 코드는 다음과 같습니다.

var PageLink = React.createClass({ 
    render: function() { 
     return (
      <li> 
       <button onclick={this.props.onPageClick}>{this.props.pageNumber}</button> 
      </li> 
     ); 
    } 
}); 

var Pagination = React.createClass({ 
    render: function() { 
     var pageLinks = []; 
     for (var i = 1; i <= this.props.totalPages; i++) { 
      pageLinks.push(<PageLink pageNumber={i} onPageClick={this.handleClick} key={i} />); 
     } 

     return (
      <nav> 
       <ul className="pagination"> 
        {pageLinks} 
       </ul> 
      </nav> 
     ); 
    }, 

    handleClick: function() { 
     alert('hello'); 
    } 
}); 

Answer 1

이벤트 핸들러는 낙타 케이스 여야합니다. onclick은 onClick이어야합니다.