Как мне написать атрибут content в react?

Question

[miliko mikoyan]

это мой код

<div  itemProp={"offers"} itemScope  itemType={"http://schema.org/Offer"}>
        <span  itemProp="price" content="10.00">{10}</span>
 </div>

Я получаю эту ошибку.

Тип '{children: string; itemProp: строка; содержание: строка; } 'нельзя назначить типу «DetailHTMLProps, HTMLSpanElement>». Свойство content не существует для типа «DetailHTMLProps, HTMLSpanElement>».

Я думаю, что проблема в content.

Answer 1

[Антон Спирин]

Как вариант можно использовать такой хак:

<span itemProp="price" {...{ content: '10.00' }}>10</span>

иногда удобно определять свойства в переменной:

const spanProps = {
  itemProp: 'price',
  content: '10.00',
};

return (
  <span {...spanProps}>10</span>
);

Comments

[miliko mikoyan]

Я правильно думаю что это проблемы с TypeScript?

[Антон Спирин]

miliko mikoyan, да. На самом деле правильным решением было бы найти пропатченную библиотеку типов React для Schema, но я сомневаюсь, что такая есть. Хаком из примера мы просто обманываем парсер TypeScript.