react part.1 강좌 질문 있습니다

[윤]

안녕하세요 react 강의 part.1 <map: 많은 div들을 반복문으로 .. > 를 듣던 중 궁금한 부분이 있어서 문의 드립니다.

map 을 이용하여 각 title에 대한 
좋아요 아이콘을 클릭했을 때 1씩 증가하는 부분을 구현하고 있는데요

말씀해주신 첫번째 방법>



 

잘 됩니다


두번째 방법>


잘 됩니다.
질문 1) 처음에는
onClick = {(index) => {좋아요함수(index)}}
이렇게 썼더니 index에 click 이벤트에 대한 데이터가 들어갔습니다.
그래서 parameter로 들어간 index를 뺐더니 되었습니다. 궁금한 것은 parameter로 아무것도 안 넣었는데 좋아요함수 에서 parameter를 어떻게 받았는지 궁금합니다.


세번째 방법>

이렇게 하면 아래와 같은 error가 뜹니다.

질문2) 세번째 방법에서 index 파라미터를 어떻게 함수에 넘겨줘야 하는 지 궁금합니다.

좋은 강의 감사드립니다 :)
새해 복 많이 받으세요~^^

[codingapple]

1은 index변수가 주변에 잘 정의되어있어서 가져다쓸 수 있는듯요 
2는 onclick={ ()=>{ 여기에 함수 씁시다 } }

[윤]

답변 감사드립니다 :)

2번 답해주신 것에 관해서 문의드릴 것이 있습니다

그 전에 '좋아요 이모지 누르면 1 증가하게 하는 함수'는 
onClick = { 함수 }
이렇게 되었던 것 같은데

질문 드린 경우에 대해서는
onClick - { ( ) => { 함수 } }
이렇게 쓸 수 밖에 없는 이유가 무엇인지 궁금합니다 :)

[codingapple]

중괄호엔 함수()말고 함수이름만 넣어야합니다

[윤]

아하! 그렇군요 :)
그래서 함수에 파라미터를 넣어야 하는 경우에는 쓸 수가 없는거군요~^^

[글쓴이]

글