JSX元素类型没有任何构造或调用签名

Question

我在左侧使用这个简单的React元素作为右侧页面上的根元素。

如何修复显示的错误？

Answer 1

这个hacky类型转换使得错误消失了，虽然我根本不理解它：

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

Answer 2

怎么样：

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

Answer 3

React期望来自mainScreenHelper.tsx中导入的App的React.StatelessComponent 这意味着您需要在App

中提供该界面

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