使用本机Web组件时出现打字稿错误“类型'JSX.IntrinsicElements'上不存在属性”

使用本机Web组件时出现打字稿错误“类型'JSX.IntrinsicElements'上不存在属性”

我在这里弄清楚了如何解决这个特定的错误。

import * as React from 'react'declare global {    namespace JSX {        interface IntrinsicElements { 'person-info': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;        }    }}

但是，此后我又遇到了另一个错误，这是由于我在组件上使用了自定义属性。多亏Shanon的评论，我也想出了解决方法，最后得到了我刚刚导入

App.tsx

文件中的最终代码。

import * as React from 'react'declare global {  namespace JSX {    interface IntrinsicElements {      'person-info': PersonInfoProps    }  }}interface PersonInfoProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {  heading: string,  subHeading: string,  size?: string}