JSX-Elementtyp hat keine Konstrukt- oder Aufrufsignaturen

Question

Ich verwende dieses einfache React-Element auf der linken Seite als mein Wurzelelement auf der rechten Seite.

Wie behebe ich den angezeigten Fehler?

Answer 1

Wie wäre:

class App extends React.Component<any, any> { 
    render() { 
     return <div>foo</div>; 
    } 
} 

Answer 2

Das Hacky Typumwandlung macht den Fehler gehen weg, obwohl ich es nicht verstehen, überhaupt:

import App: any = require('./components/views/app/app');

Answer 3

Reaktion erwartet ein React.StatelessComponent aus der importierten App in mainScreenHelper.tsx Dies bedeutet, dass Sie das int angeben müssen erface in App

interface IProps {} 
const App : React.StatelessComponent<IProps> =() => (
    <div></div> 
);