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

다음강좌: https://www.inflearn.com/unit/state/?id=32621 
에서 7:00 을 참고하세요!
그 이유는, doSomething() 이렇게 하면 렌더링 과정에서 그 함수가 실행되기 때문입니다

인프런 커뮤니티 질문&답변

질문이요..ㅠㅠ