Importierte React.Component nicht mit Typescript

Question

In App.tsx importiere ich CounterComponent.tsx, der Import funktioniert, wenn CounterComponent eine Funktion, aber keine React-Klasse exportiert.

Hier wird die begehen, wenn Sie klonen möchten/reproduzieren: https://github.com/Falieson/react15-meteor1.5/commit/d06ebc80c4b75850338c9a2cf11cf3ec49cafa40

Sie für Ihre Hilfe

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 

danken

App.tsx

Answer 1

In Reagieren sollten Sie Verwenden Sie <Element />, wenn Sie ein Element rendern möchten. So

ändern

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

zu

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