React로 데이터 다루기배열 렌더링하기sort로 정렬 바꾸기

Q

setOrder, setItem을 실행하는 함수에 블럭이 없어도 되나요?

조회 417

좋아요 0

2022년 8월 22일()

community image

arrow function을 위와 같이 쓰는 것은 return문에 쓰는 것으로 알고 있는데 그러면

함수 handleNewstClick, handleBestClicksetOrder의 반환값을 반환하는 함수가 되지 않나요??

setOrder를 중괄호로 감싸지 않아도 되죠??


setOrder, setItem을 실행하는 함수에 블럭이 없어도 되나요?
A
1개의 답변이 있어요

useState() 함수를 호출하면 배열이 반환되는데,

배열의 두번째 요소는 상태를 바꾸어주는 함수에요.


그래서 말씀하신 것 처럼 arrow function 을 위와 같이 쓰게되면 setOrder 함수가 호출되면서 order 값을 변경시키고 리렌더링이 될 것이에요.


onClick 시 setOrder 함수 호출의 반환값이 return 되지만(undefined) setOrder 함수 호출은 그 반환값을 활용하기 위한 것이 아니라, order 를 변경하고 리렌더링 하기 위한 함수 호출 자체에 의미가 있다고 생각해요.




2022년 8월 23일

댓글 1

베스트 댓글
2022년 11월 14일
그러면.. console.log() 함수와 유사한 거네요. // function sayHello () { console.log('Hello');} -- 이것 이야기할 때 {return console.log();} 하지는 않았던 것 같아요.// () => console.log('Hello'); // 위의 세터함수도 그렇고 console.log도 undefined를 반환하므로 {return}을 생략할 수 있고, 다만 반환된 undefined는 사용될 곳이 없으니 무의미하고, 대신 해당 함수가 하는 행동에 촛점을 맞추게 되는 것이구요.

(주) 코드잇

대표강영훈

개인정보보호책임자강영훈

이메일support@codeit.kr

사업자 번호313-86-00797

통신판매업제 2019-서울중구-1034 호

주소서울특별시 중구 청계천로 100 시그니쳐타워 동관 10층 코드잇