Text.tsx 작성 시 오류 납니다.
3210
작성한 질문수 5
import React, { FunctionComponent } from 'react' const Text: FunctionComponent = function ({ text }){ return
} export default Text
위와 같이 작성 시 text에 빨간 줄나오고
에러 로그는
'{text: string;}' 형식은 'IntrinsicAttributes &{ children?: ReactNode; }' 형식에 할당할 수 없습니다.
'IntrinsicAttributes &{ children?: ReactNode; }' 형식에 'text' 속성이 없습니다.
라고 나옵니다.
확인 부탁드립니다.
답변 1
0
안녕하세요, vxvx0011님!
코드를 아래와 같이 수정해보시겠어요??
import React, { FunctionComponent } from 'react'
type TextProps = {
text: string
}
const Text: FunctionComponent<TextProps> = function ({ text }) {
return <div>{text}</div>
}
export default Text
Text 컴포넌트 Props에 대한 타입을 생성해준 뒤에 컴포넌트에 적용시켜주면 해결됩니다!
강의에 제대로 반영이 안된 것 같은데 빠르게 수정하겠습니다.
좋은 질문 남겨주신 점 감사드립니다!
0
안녕하세요. 정적 사이트를 만들어보고 싶어서 글을 보고 있는데, 저도 계속 오류가 발생하더라구요.
그래서, 오류 코드를 보니까 세미콜론(;)이 누락되서 오류가 발생했더라구요, 세미 콜론 혹은 줄 바꿈하면 에러 없이 Home 글자가 출력되는 것을 확인했습니다.
쿼리오류 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
446
1
배포 후 포스트 업로드 방법
1
386
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