Import'd React.Component不使用Typescript呈现

Question

在App.tsx中，我正在导入CounterComponent.tsx，如果CounterComponent正在导出函数而不是React类，则导入工作。 https://github.com/Falieson/react15-meteor1.5/commit/d06ebc80c4b75850338c9a2cf11cf3ec49cafa40

谢谢您的帮助

App.tsx

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

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

CounterComponent.tsx

import * as React from 'react' 

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

export default CounterModule 

：

这里是，如果你想克隆/重现提交

Answer 1

在反应你应该当你想渲染一些元素时使用<Element />。因此，改变

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

到

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