
React에서 map()함수 사용시 return 문의 필요성
2023. 5. 3. 10:34
개발이야기/React.js
리액트에서 JSX 코드의 반복 요소를 수정할 때, map()함수를 자주 사용합니다. map() 함수를 사용하여 반복되는 JSX요소를 반환하는 경우가 많이 발생합니다. return 키워드를 사용하여 반환하는 방식과, 간결한 화살표 함수의 단축 구문을 사용하는 방식 두 가지가 있습니다. 결과적으로는 동일한 결과물입니다. 하지만 조금 다른 차이점이 있습니다. 1. return을 사용할때 - return 키워드를 사용하는 경우, 명시적으로 return 문을 사용하여 생성된 각 JSX 요소를 새 배열에 저장하고, 이 배열은 나중에 렌더링될 수 있도록 합니다. function NumberList({ numbers }) { return ( {numbers.map((number) => { return {number};..