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

Question

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

如何修复显示的错误？

Answer 1

这个 hacky typecast 使错误消失了，虽然我完全不明白：

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>
);