문법?? 질문드려요
282
작성한 질문수 28
const CategoryList: FunctionComponent<CategoryListProps> = function ({
selectedCategory,
categoryList,
}) {
return <div />
}
<CategoryListProps> = function
여기서 이렇게 function 을 써주는것과 바로
<CategoryListProps> = () => {
}
이렇게 해주는문법에 차이가있나요?? 저는 아래처럼 사용했는데
자세히 강의글 읽어보니 좀 다르네요 두가지문법 아직 제로컬에서는 에러가 나지는 않지만 차이가있는지 궁금합니다.
답변 1
0
안녕하세요, French님!
두 방법은 모두 문법 상에 오류가 없을 뿐더러 기능 상에서도 차이점이 존재하지 않습니다.
어떤 방식을 사용하든 상관없습니다!
대신 에어비앤비에서 제공하는 리액트 코딩 컨벤션에 따르면 아래와 같이 작성하는 것을 권장하고 있습니다.
function CategoryList({ selectedCategory, categoryList }: CategoryListProps) { ... }
저 두 방법은 모두 익명 함수를 변수에 할당하는 방법이기 때문에 권장하지 않는다고 나와있습니다.
그래서 에어비앤비 컨벤션에 따르면 함수에 이름을 부여한 기명 함수의 사용을 추천하고 있으니 저렇게 작성해보는 것도 도움될 것 같네요 :)
쿼리오류 Field "thumbnail" must not have a selection...
1
872
1
타입스크립트를 설정할 때 jsxPragma 옵션을 뺀 이유는 무엇인가요?
1
605
1
마지막 배포 부분 질문드립니다!
1
623
1
'[username]/[username].github.io' -> 'username/reponame'
0
344
0
IntersectionObserver deploy( gatsby build) 시 오류(자답)
1
399
1
PostHead.tsx BackgroundImage 동작오류(자답)
1
296
0
19강 인피니티 스크롤 IntersectionObserver 코드 위치 수정이 필요합니다.
1
411
1
썸네일 이미지 제작 및 학습 방법 관련 문의
1
447
1
배포 후 포스트 업로드 방법
1
387
1
배포 질문이요!
1
528
1
gatsby develop 오류
1
940
1
깃허브 레퍼지토리 질문드려요
1
344
1
특정 게시글을 클릭하여 상세 페이지로 넘어가는 과정과 SPA에 관한 질문
1
285
1
Unhandled Runtime Error 가 뜹니다
0
506
2
sign in with GitHub 클릭 시
1
394
3
동작 반복 시 오류
1
351
2
const BackgroundImage 질문
1
212
1
오타 문의
1
305
2
Props로 받아 포스트 데이터 출력하기가 안됩니다.
1
203
1
index.tsx allMarkdownRemark 에러..
0
595
2
스네이크 케이스로 변수명을 짓는 이유
1
251
1
'Tagged Template Literal 방식을 통해 정의한 CSS 적용 방법'에서 발생하는 문제
3
353
2
상단 이미지를 썸네일 사용하지않고 다른 이미지를 쓰고싶습니다
1
284
1
여기까지 했는데 runtime 에러가 발생합니다
2
286
1