javascript - Importerad React.Component renderar inte med Typescript

I App.tsx importerar jag CounterComponent.tsx, importen fungerar om CounterComponent exporterar en funktion men inte en React-klass.

Här är committen om du vill klona/återskapa: https://github.com/Falieson/react15-meteor1.5/commit/d06ebc80c4b75850338c9a2cf11cf3ec49cafa40

Tack för din hjälp

App.tsx

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

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

CounterKomponent.tsx

import * as React from 'react'

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

export default CounterModule

Svar #1

I React bör du använda <Element /> när du vill rendera ett element. Så ändra

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

till

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

Relaterade artiklar