[Front end] React 16 #2 return type

 

리액트 16의 멋진 기능 중 하나는 return type이다. 이전의 리액트에서는 컴포넌트 아니면 null을 리턴해야 했다. 그게 규칙이었다. string 같은 걸 return 할 수가 없었다.

하나가 아닌 두 개 이상의 리턴 하고 싶어도 이전의 리액트에서는 이렇게 작업을 하지 못했다. array로 감싸거나 span태그를 이용하여 다시 하나의 엘리먼트에 감싸줘야 했다. 불필요한 코드가 늘어났고 상당히 불편하였다.

리액트 16에서는 fragments라는 걸 활용할 수 있다. 또한 <></>를 사용하여 대신할 수도 있다.

또한 String을 반환할 수 있다. fragments, string return type 리액트 16의 첫 번째 기능이다.