web-dev-qa-db-fra.com

Comment ajouter l'attribut "colSpan" dans ReactJS

J'obtiens l'erreur " La chaîne de type n'est pas assignable au type numéro " lorsque j'essaie d'ajouter un attribut colSpan = "2" au code ci-dessous de ReactJS TypeScript. Comment puis-je réparer cela?

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.
reactjstypescript
25
Lambert

Avez-vous essayé <th colSpan={2}>{ this.props.category}</th>?

59
Sergio Flores

Vous retournez tr à l'intérieur de div qui n'est pas la bonne manière, ni la structure html appropriée,

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

colSpan="2" est bon, cela pourrait ne pas fonctionner à cause de votre mauvaise structure html

Utilisez ceci , 

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