예제 코드 3.3에서 return 문에 소괄호를 사용한 것을 확인할 수 있다. return 문의 같은 행에 이후로 아무것도 적지 않는 경우에는 반드시 괄호를 넣어야 한다. 예를 들어 최상위 엘리먼트인 <div>를 새로운 행에 작성한다면 이를 감싸는 괄호를 사용해야 한다. 그렇지 않으면 자바스크립트는 return을 마치고 아무 값도 반환하지 않을 것이다. 다음 예제 코드를 참고하자.

render() {
  return (
      <div>
      </div>
  )
}

 

괄호를 작성하는 대신, 최상위 엘리먼트를 작성할 때 return 문과 같은 줄에서 시작해서 괄호를 생략할 수도 있다. 예를 들어 다음 예제 코드도 유효하다.

render() {
  return <div>
  </div>
}

 

두 번째로 소개한 방법의 단점은 여는 <div> 태그가 눈에 잘 띄지 않는다는 점이다. 코드에서 놓칠 가능성이 있다.² 선택은 각자의 몫이다. 이 책에서는 두 가지 방식을 모두 소개하여 좀 더 깊이 있는 시각을 전달하고자 했다.