时间戳

首页 > 解决方案 > 如何添加自定义 HTML 标签 TSX

tsx - 如何添加自定义 HTML 标签 TSX

问题描述

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

我找到了一些如何使用的示例

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

但这产生了另一个错误：

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

标签： tsxcustom-tag

解决方案

我找到了Typescript 指南的有用链接，它对我有很大帮助：

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

export as namespace JSX;

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

推荐阅读