>

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

    TypeScript에만 해당되는 이상한 오류입니다. PageEvent 컴포넌트에서와 마찬가지로 SEO 컴포넌트에서 React를 가져와야합니다. 다양한 예제에서 만났지만 다른 가져 오기 형식이 Typescript에서 작동하지 않습니다.

    import * as React from "react";
    export default class SEO extends React.Component {
      render() {
        return <div>test</div>;
      }
    }
    
    

    예제 코드는

관련 자료

  • 이전 python - 도움말 섹션에 선택적으로 나열된 상호 배타적 인 필수 인수에 대한 솔루션이 있습니까?
  • 다음 php - codeigniter의 URL을 기반으로 페이지를 리디렉션하는 방법은 무엇입니까?