Typescript JSX 与 Generics - 参数隐式具有“任何”类型

Question

当使用带有 Generics 的 JSX 语法时，Typescript 能够正常推断属性，除了 function 参数的类型。

示例代码：

interface Dictionary {
  a: JSX.IntrinsicElements['a'];
  button: JSX.IntrinsicElements['button'];
}

type Props<T extends 'a' | 'button'> = Dictionary[T] & {
  as: T;
};

function Test<T extends 'a' | 'button'>(args: Props<T>) {
  return null;
}

<Test as="a" href="#" onClick={(arg) => {}} />; // Parameter 'arg' implicitly has an 'any' type.

Test({
  as: 'a',
  href: '#',
  onClick: (arg) => {}, // No error
});

TS游乐场

如果我将鼠标放在 onClick 属性上，它可以判断 onClick 的类型（React.MouseEventHandler<HTMLAnchorElement>），但仍然无法推断参数的类型。

Answer 1

只需使用args: any明确将其定义为 any ，它应该停止将其显示为错误:)