[React JS] ES6의 화살표 함수 사용 방법 3가지
2020. 12. 7. 22:52ㆍProgramming Language/React JS
반응형
■ 본문 블록을 사용한 함수
본문 내용을 {}(중괄호)로 묶어서 작성한다.
var add = (first, second) => {
return first + second;
};
■ 본문 블록이 비어있고 결괏값을 바로 반환하는 함수
본문 내용이 없고 결괏값만을 반환하기 때문에 {}(중괄호)를 생략할 수 있다.
var add = (first, second) => first + second;
■ 반환값이 객체일 경우의 함수
결괏값이 객체형태이기 때문에 ()(소괄호)로 묶어서 반환한다.
var add = (first, second) => ({add : first + second, multiply : first * second });
반응형
'Programming Language > React JS' 카테고리의 다른 글
[React JS]웹팩(Webpack)과 바벨(Babel) 개념 (0) | 2020.12.23 |
---|---|
[React JS] ES6의 3가지 배열 함수 (0) | 2020.12.13 |
[React JS] 노드 버전 매니저(nvm)와 노드제이에스(node JS) 개념 및 역할 (0) | 2020.12.06 |
[React JS] 노드 패키지 매니저(npm)와 웹팩(webpack)의 개념 및 역할 (0) | 2020.12.05 |
[React JS] 리액트(React)의 특징 및 장점 (0) | 2020.12.05 |