질문이요..ㅠㅠ

render() { const mapToComponents = (data) => { data.sort();//오름차순 자동 data = data.filter( (contact) => { return contact.name.toLowerCase().indexOf(this.state.keyword) > -1; } ); return data.map((contact, i) => { return ( {this.handleClick(i);} } />); }); }; return ( Contacts {mapToComponents(this.state.contactData)} ); } 여기서, ContactInfo 컴포넌트를 호출하며 onClick Props를 넘기는데, 이때는 Arrow Function이 아닌 바인딩된 this.handleClick을 넘겨버리면 왜 작동이 안되는건가요? 그냥 안되게 만들어놓은거라 이해하는게아니라 받아들여야하는건가요..? input, div 태그들에는 onClick 핸들러에 바인딩해놓은 이벤트를 넘기면 바로되는것까지는 알겠습니다. 단순히 리액트를 만들때 Component의 프롭스로는 그 이벤트를 넘길수 없다! 이렇게 만들어놓은..건가요? 너무헷갈리네요..ㅠㅠ