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>);
}