相当于 React.HTMLProps<...> 的实体 JS

Question

我有一个 React 组件，其 prop 类型如下：

type Props = React.HTMLProps<HTMLAnchorElement> & {
    to?: string;
};

如何在 SolidJS 中编写等效的道具类型？我试过这个：

type Props = Component<HTMLAnchorElement> & {
    to?: string;
};

它可以编译，但它没有与前者相同的内置道具，例如 children。

Answer 1

Solid JS 有 JSX.IntrinsicElements 提供按标签名称索引的属性类型：

import { JSX } from 'solid-js';

type Props = JSX.IntrinsicElements['a'] & {
    to?: string;
};

Solid JS equivalent of React.HTMLProps<...>