Come aggiungere l'attributo "colspan" in ReactJS

Question

sto ottenendo l'errore "tipo stringa non è cedibile a digitare il numero" quando si tenta di aggiungere un colspan = attributo "2" al di sotto del codice ReactJS dattiloscritto . Come posso risolvere questo?

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

Hai provato <th colSpan={2}>{ this.props.category}</th>?

Answer 2

State ritornando tr all'interno div che non non è modo corretto, e anche la corretta struttura html,

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

colSpan="2" è buono, che potrebbe non funzionare a causa della vostra struttura html sbagliato

Utilizzare questo ,

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