javascript - Import'd React.Component 不使用 Typescript 渲染

Question

在 App.tsx 中，我正在导入 CounterComponent.tsx ，如果 CounterComponent 正在导出函数而不是 React 类，则导入有效。

如果你想克隆/复制，这里是提交:https://github.com/Falieson/react15-meteor1.5/commit/d06ebc80c4b75850338c9a2cf11cf3ec49cafa40

感谢您的帮助

应用.tsx

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

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

计数器组件.tsx

import * as React from 'react'

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

export default CounterModule

Answer 1

在 React 中你应该使用 <Element />当你想渲染一些元素时。所以改变

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

到

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