Javascript 导入&x27；d.组件未使用Typescript进行渲染

在App.tsx中，我正在导入CounterComponent.tsx，如果CounterComponent导出的是函数，而不是React类，则导入工作正常

如果要克隆/复制，请执行以下提交操作：

谢谢您的帮助

App.tsx

import * as React from 'react';
import Counter from './counter/CounterComponent'

const App = (
  <div className='app-container'>
    {Counter}
  </div>
)
export default App

import*as React from'React'；
从“./计数器/计数器组件”导入计数器
常量应用=(
{计数器}
)
导出默认应用程序

CounterComponent.tsx

import * as React from 'react'

class CounterModule extends React.Component<{}, {}> {
  public render() {
    return (
      <div>
        Counter Module Placeholder
      </div>
    )
  }
}

export default CounterModule

import*作为来自“React”的React
类计数器模块扩展了React.Component{
公共渲染（）{
返回(
计数器模块占位符
)
}
}
导出默认计数器模块

在React中，当您要渲染某些元素时，应该使用

。所以改变

const App = (
  <div className='app-container'>
    {Counter}
  </div>
)

const应用=(
{计数器}
)

到

const应用=(
)

谢谢。在另一个前端仅仅6周后，我就很快忘记了这个基本的反应，我感到很尴尬

const App = (
  <div className='app-container'>
    <Counter/>
  </div>
)