-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
질문이요..ㅠㅠ
16.10.19 21:22 작성 조회수 120
0
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의 프롭스로는 그 이벤트를 넘길수 없다! 이렇게 만들어놓은..건가요? 너무헷갈리네요..ㅠㅠ
답변을 작성해보세요.
0
velopert(김 민준)
지식공유자2016.10.29
다음강좌: https://www.inflearn.com/unit/state/?id=32621
에서 7:00 을 참고하세요!
그 이유는, doSomething() 이렇게 하면 렌더링 과정에서 그 함수가 실행되기 때문입니다
답변 1