不带React的typescriptjsx

我想在TypeScript中使用JSX语法，但不想使用React

我在这里看到了其他相关问题的答案，但没有任何内容是完整的或详细的，足以提供任何帮助。我读过这本手册的内容，但没有多大帮助。我不明白语言功能本身是如何工作的

我试着检查React声明，但它太大了，我无法理解——我需要一个最小的、工作的示例来演示类型检查的元素、组件和属性。（它不需要工厂函数的工作实现，我最感兴趣的是声明。）

我想要的是，至少是一个示例，它使以下工作在类型安全方面起作用：

var el = <Ping blurt="ya"></Ping>;

var div = <div id="foo">Hello JSX! {el}</div>;

我使用

tsconfig.json

编译它，如下所示：

{
    "compilerOptions": {
        "target": "es5",
        "jsx": "react",
        "reactNamespace": "flurp"
    }
}

将鼠标悬停在

元素和

id=“foo”

属性上，我可以看到编译器理解我对内在元素的声明-到目前为止，一切都很好

现在，要编译

声明，并对

blurt

属性进行类型检查，我该怎么做？

Ping

应该是一个

类

还是一个

函数

或其他什么

理想情况下，元素和组件应该具有某种类型的公共祖先，因此我可以拥有一组适用于这两者的公共属性

我希望创建一些简单、轻量级的东西，可能是按照的思路，但使用JSX语法，例如使用

和

等组件，而不是内联语句。这是否可行？（在这些路线上是否有任何现有项目可供我参考？）

---

请，如果有人能提供一个工作，如何使用语言功能本身的最低限度的例子，这将是一个巨大的帮助

对不起，你有回答吗？你能举个例子吗？

{
    "compilerOptions": {
        "target": "es5",
        "jsx": "react",
        "reactNamespace": "flurp"
    }
}