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

を変更