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