React Typescript - Добавление пользовательского атрибута

Question

React Typescript позволяет добавлять пользовательские атрибуты data- *.Но можно ли добавить пользовательские атрибуты, такие как «имя» ||«тестовый» акт.?

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

Добавлен мной жирным шрифтом.

ошибка типа: Type '{children: Element;имя: строка;data-test: string;} 'нельзя назначить типу «DetailHTMLProps, HTMLSpanElement>». Свойство 'name' не существует для типа 'DetailsHTMLProps, HTMLSpanElement>'.TS232

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

Answer 1

есть другой способ ... пропустить статическую проверку (машинопись не работает динамически)

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

Answer 2

в реакции 16+ возможно, см.

Проблема в том, что машинопись не знала об этом (пока)

, но вы все равно можете добавить @ts игнорировать дляпроверка типов

{ //@ts-ignore
  <span name="I'm causing a type error" data-test="I'm Working"/>
}