2016-06-01 13 views
20

Ich „ist Typ String nicht belegbare Zahl eingeben“, um die Störung zu erhalten, wenn ich versuche, eine auf die folgenden ReactJS Typoskript Code colSpan = „2“ Attribut hinzufügen . Wie kann ich das beheben?Wie „colSpan“ -Attribut in ReactJS hinzufügen

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

Probieren Sie 'colSpan = {2}' - Sie vergeben derzeit einen String-Wert, um andere Typen zuzuweisen verwenden Sie '{' und return th e Wert. Kann ein Funktionsaufruf oder Literal oder was auch immer sein. z.B. 'colSpan = {getColSpanSize()}' – ctrlplusb

+0

https://facebook.github.io/react/docs/jsx-in-depth.html – ctrlplusb

+0

@ctrlplusb - Danke, ich glaube, das hat funktioniert. – Lambert

Antwort

47

Haben Sie <th colSpan={2}>{ this.props.category}</th> versucht?

0

Sie kehren zurück tr innerhalb div, die nicht die richtige Art und Weise ist, und auch nicht die richtige HTML-Struktur,

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

colSpan="2" ist gut, die nicht wegen Ihrer falschen HTML-Struktur

Verwendung könnte funktionieren diese ,

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