Typ elementu JSX nie ma żadnego konstruktu ani sygnatur połączeń

Question

Używam tego prostego elementu React po lewej stronie jako mojego głównego elementu na stronie po prawej stronie.

Jak naprawić wyświetlony błąd?

Answer 1

Jak o:

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

Answer 2

Ten hacky typecast sprawia, że ​​błąd odejść, choć ja tego nie rozumiem w ogóle:

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

Answer 3

React oczekuje React.StatelessComponent z importowanej aplikacji w mainScreenHelper.tsx Oznacza to, że musisz podać tę int Echo w aplikacji

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