Question

我有一个名为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 |     }

Answer 1

我认为这是TypeScript的怪异错误。您必须像在PageEvent组件中一样在SEO组件中导入React。其他导入格式在Typescript中不起作用，尽管我在各种示例中都遇到过这种情况。

import * as React from "react";

export default class SEO extends React.Component {
  render() {
    return <div>test</div>;
  }
}

这里是example code

尝试使用TypeScript

1 个答案: