主页 / coding / 问题 / 76984494
Accepted
Menai Ala Eddine - Aladdin
Asked: 2023-08-27 03:20:25 +0800 CST

如何扩展 Typescript 中节元素的类型？

  • 772

在打字稿中，当我们的组件扩展 a 时，div我们定义我们的 props 类型，如下所示：


import { HTMLAttributes } from "react";

export interface IContainerProps extends HTMLAttributes<HTMLDivElement> {
    // You can add additional props specific to your container component here
    customProp?: string;
  }

但是，当组件 props 扩展节元素 props 时，我没有找到这样的东西HTMLSectionElement：

在打字稿中，当我们的组件扩展 a 时，div我们定义我们的 props 类型，如下所示：


import { HTMLAttributes } from "react";

// HTMLSectionElement does not exist ?

export interface IContainerProps extends HTMLAttributes<HTMLSectionElement> {
    // other props
  }
reactjs

1 个回答

  1. Best Answer

    您可以查看IntrinsicElementsinnode_modules/@types/react/index.d.ts来检查 React 如何键入此内容：

    interface IntrinsicElements {
  // ...
  div: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
  // ...
  section: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
  // ...
}

    所以您要寻找的类型是React.HTMLAttributes<HTMLElement>. section该类型与主要用作语义标记并且不包含唯一属性的事实是一致的。

    该元素仅包含全局属性。

    • 2

相关问题