홈>
SEO.tsx라는 구성 요소가 있습니다
import React, { Component } from 'react'
export default class SEO extends Component {
render() {
return (
<div>test</div>
);
}
}
pageEvents.tsx에서 위의 구성 요소를 호출하려고합니다
import * as React from 'react';
import SEO from '../components/SEO/SEO';
class PageEvent extends React.Component {
render() {
return (< SEO />);
}
}
그러나 다음과 같은 오류가 발생합니다
TypeError: Cannot read property 'createElement' of undefined
SEO.render
src/components/SEO/SEO.tsx:4
1 | import React, { Component } from 'react'
2 | export default class SEO extends Component {
3 | render() {
> 4 | return (
5 | <div>test</div>
6 | );
7 | }
- 답변 # 1
관련 자료
- python - 자신의 py 파일을 모듈로 숭고한 다른 py 파일로 가져 오는 방법
- VSC 터미널에서 tsc를 사용하여 Visual Studio Code에서 (성공적으로 설치된) TypeScript 컴파일러 실행 시도 (및 실패)
- cryptography - Java KeyStore 클래스를 사용하여 자체 서명 된 CA 인증서를 Windows Root Truststore로 가져 오려고 할 때 사용자 프롬프트를 차단/우회 할 수 없습니다
- 가져 오기를 결합하고 유형 스크립트 선언 파일에서 키워드를 선언하십시오
- TypeScript에서 다른 파일에있는 클래스를 사용하는 방법
- javascript - 사용자의 가치를 다른 HTML 파일로 보내려고 시도
- ruby on rails - 다른 클래스에서 참조하는 클래스에 대해 가져 오기가 필요하지 않은 이유는 무엇입니까?
- python - 동일한 작업 공간에서 다른 파일을 가져올 수 없습니다
- javascript - 다른 JS 파일에서 json 객체 가져 오기
- angular - TypeScript에서 다른 객체 배열의 객체 배열을 필터링하는 방법은 무엇입니까?
- reactjs - Typescript에서 다른 선택적 속성이 설정된 경우 속성을 필수로 만드는 방법은 무엇입니까?
- seo - Google 봇이 같은 컴퓨터에있는 다른 웹 사이트의 URL을 크롤링하려고합니다
- reactjs - 한 구성 요소에서 함수를 가져 오는 방법은 다른 구성 요소에 반응하여 렌더링합니까?
- Typescript에서 다른 개체의 키로 개체를 업데이트하는 방법은 무엇입니까?
- Typescript Pick and (keyof TEntity) [], SetFields 함수 생성 시도
- Typescript에서 모델 만들기, Timestamp 가져 오기 방법 Firebase
- 파이썬의 다른 파일에서 클래스를 가져 오는 방법은 무엇입니까?
- Ruby on Rails가 다른 엔티티로 로그인 한 상태에서 사용자 테이블의 부울을 업데이트하려고합니다
- excel - n 번째 열에서 다른 시트로 데이터 가져 오기
- javascript - 다른 js 파일에서 무언가를 가져올 때 작동하지 않는 기능
관련 질문
- javascript : 조건부 렌더링의 유형 문제를 해결하는 방법은 무엇입니까?
- reactjs : 빠른 UI 구성 요소의 onChange 이벤트
- reactjs : React Typescript Axios 응답에서 누락된 유형
- reactjs : 다른 React 구성 요소에서 사용자 정의 요소를 렌더링하는 방법은 무엇입니까?
- amCharts v5 템플릿 어댑터 예제는 JavaScript가 아닌 TypeScript로 실행될 때 오류가 발생합니다.
- javascript : IntersectionObserver: 관찰자 시작 및 종료
- reactjs : code가 정의되지 않은 것을 확인하고 있는데도 typescript가 이 컴파일 오류를 반환하는 이유는 무엇입니까?
- reactjs : 하나의 prop이 true인 경우 다른 react prop을 무시합니다.
- reactjs : 반응, 포퍼, 참조 전달 및 조건부 렌더링
- reactjs : 동적 라우팅을 사용하지만 아직 ID를 모르는 페이지 구성 요소에서 getStaticProps 및 getStaticPath를 사용할 수 있습니까?
TypeScript에만 해당되는 이상한 오류입니다. PageEvent 컴포넌트에서와 마찬가지로 SEO 컴포넌트에서 React를 가져와야합니다. 다양한 예제에서 만났지만 다른 가져 오기 형식이 Typescript에서 작동하지 않습니다.
예제 코드는