더북(TheBook)

두 방식은 코드 스타일이 다르나 기능적으로는 차이가 없습니다. 화살표 함수 문법을 썼을 때의 장점은, 복잡한 로직 없이 바로 반환하는 코드라면 다음과 같이 중괄호 코드 블록과 return 키워드를 생략할 수 있다는 것입니다.

const App = () => (
  <SafeAreaView>
    <Greeting />
  </SafeAreaView>
);

함수 컴포넌트를 만들 때 어떤 방식을 사용하든 상관없습니다. 취향에 따라 마음에 드는 것을 선택하되 일관성 있게만 사용하면 됩니다.

이 책에서는 function 키워드를 사용해 선언하는 방식을 주로 사용합니다. 이 방식을 택한 이유는 리액트 공식 매뉴얼에서도 이 방식으로 컴포넌트를 선언하고, 페이스북의 리액트 개발팀의 일원이자 리액트 생태계에서 상당히 영향력 있는 인물인 앤드류 클락(Andrew Clark)과 댄 아브라모프(Dan Abramov) 또한 이 방식을 주로 사용하기 때문입니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.