如何添加自定义 HTML 标签 TSX

【问题标题】：How to add custom HTML tag TSX如何添加自定义 HTML 标签 TSX
【发布时间】：2019-11-25 05:18:26
【问题描述】：

尝试在 JSX 中呈现自定义 HTML 标记 <my-element> 时显示错误 “JSX.IntrinsicElements”类型上不存在属性

我找到了一些使用

的示例

declare global {
  interface IntrinsicElements {
    "my-element": any
  }
}

但这又产生了一个错误：

ES2015 模块语法优于自定义 TypeScript 模块和命名空间@typescript-eslint/no-namespace

【问题讨论】：

【解决方案1】：

我找到了指向 Typescript guide 的有用链接，这对我很有帮助：

主要思想是创建一个扩展名为 d.ts 的新文件（例如 myModule.d.ts），其中应包含以下内容

export as namespace JSX;

export interface IntrinsicElements {
  "my-element": any;
}

【讨论】：