Как добавить атрибут colSpan в ReactJS

Я получаю сообщение об ошибке " Строка типа не присваивается типу номер", когда я пытаюсь добавить атрибут colSpan = "2" к приведенному ниже ReactJS TypeScript код. Как я могу это исправить?

class ProductCategoryRow extends React.Component<MyProps, MyState> {
   constructor(props: MyProps) {
      super(props);
   }
   render() {
      return (<div>
         <tr><th colSpan="2">{ this.props.category }</th></tr>
      </div>);
   } //end render.
} //end class.

Ответ 1

Вы пробовали <th colSpan={2}>{ this.props.category}</th>?

Ответ 2

Вы возвращаете tr внутри div, что не правильно, а также не правильную структуру html,

render() {
    return (<div>
        <tr><th colSpan="2">{ this.props.category }</th></tr>
    </div>);
}

colSpan="2" хорош, что может не работать из-за вашей неправильной структуры HTML

Используйте это,

render() {
    return (<tr><th colSpan="2">{ this.props.category }</th></tr>);
}