reactjs - starter - react with typescript or not

Cómo agregar el atributo "colSpan" en ReactJS

Question

Recibo el error " La cadena de tipo no se puede asignar al número de tipo " cuando intento agregar un atributo colSpan = "2" al código de TypeScript de ReactJS a continuación. ¿Cómo puedo arreglar esto?

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.

Answer 1

¿Has probado <th colSpan={2}>{ this.props.category}</th> ?

Answer 2

Usted está devolviendo tr en el div no es la forma correcta, y también no es la estructura html adecuada

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

colSpan="2" es bueno, puede que no esté funcionando debido a una estructura html incorrecta

Utilizar esta ,

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