js function과 react function 구별

일반 자바 스크립트 함수와 리엑트 함수(컴포넌트)를 어떻게 구별 합니까? 리엑트 내에서 일반 함수는 어떻게 작성 하는지 차이점은 무엇인지 궁금합니다.

가장 크게는 앞글자가 대문자이겠죠 ~

1개의 좋아요

일반 적인 자바스크립트함수의 경우는
const foo = function() { return bar; }
const foo = () => {}
와 같은 형태로 리턴값이 primitive type이나, function, object와 같은 형태이나,
리액트 컴포넌트의 경우는
const Foo = () => { return <div>hello!</div>; }
와 같이 특정 엘리먼트를 리턴하는 경우가 포함될 때로 알고 있습니다.
여기서도 사실 저 div는

React.createElement(
  'div',
  ...
)

와 같은 형태일 것입니다. (React 의 element)
답변에 문제가 있다면 알려주세요. : )!

1개의 좋아요