reactjs - React Typescript - 添加自定义属性

Question

React Typescript 允许添加自定义 data-* 属性。但是是否可以添加自定义属性，例如“名称”|| “测试”行为。 ？

<span name="I'm causing a type error" data-test="I'm Working"/>

粗体是我添加的。

type error: Type '{ children: Element; name: string; data-test: string; }' is not assignable to type 'DetailedHTMLProps, HTMLSpanElement>'. Property 'name' does not exist on type 'DetailedHTMLProps, HTMLSpanElement>'. TS232

"react": "^16.7.0",
"typescript": "^3.2.4",

Answer 1

还有另一种方法...跳过静态检查( typescript 不进行动态检查)

{ 
  const allowedProps = {test: "not-data-attribute"}
  <span {...allowedProps}/>
}