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> 
)