stateless component
Question! (), {}, [] 차이는!?
const rfc = () = {
return 'hi';
}
const Button = () => (
<button>hi</button>
)
const arrRFC = () => [
<Feed/>,
<What/>
]{}은 return 이 있다.
()은 리턴이 없다. html tag, component 를 담는다.
[]는 리턴이 없다. Array 이다. 여러개의 component를 담는다
리액트 공부하다가 이렇게 관찰이 되는것 같은데 혹시 맞나 싶네요~
잘못되거나 정확히 아시면 알려주시면 정말정말 감사하겠습니다 ㅎㅎ!
반갑습니다
arrow function(화살표함수), expression 키워드로 자바스크립트 문법에대해 조금더 알아보셔야할것같습니다!
리액트는 자바스크립트 라이브러리이니까 리액트를 배우기전에 자바스크립트(ES6+)문법에 대해 자세히공부해보시고 리액트 코드를 읽는것을 추천해 드립니다.
(https://poiemaweb.com/ 이사이트에서 공부하시는걸 추천드립니다.)
첫번째는 일반적인 함수를 arrow function 으로 축약해서 표현한 방식입니다.
의 축약문법이라고 생각하시면됩니다. 실제로 두가지는 문법외에도 차이점이 조금있지만 직접 찾아보시길 권해드립니다.
두번째, 세번째는 함수가 하나의 식(expression)을 반환한다면
return키워드를 생략할 수 있습니다.javascript
statement,expression키워드로 검색해보시길 바랍니다.