Aufruf Funktion innerhalb von className react.js

Question

Wie rufe ich die Funktion für getClass für die className in diesem Beispiel? Die Art, wie ich es ausgeschrieben habe, scheint nicht getClass zu nennen.

var CreateList = React.createClass({ 
    getClass: function() { 
     //some code to return className 
    }, 
    render: function() { 
     return(
      <div className{this.getClass}>Example</div> 
     ); 
    } 
}); 

Answer 1

Sie Verweis auf die Instanz der getClass() Funktion im Gegensatz zu der Funktion aufrufen. Versuchen Sie es wie so zwicken:

render: function() { 
    return(
     <div className={this.getClass()}>Example</div> 
    ); 
} 

Answer 2

className{this.getClass} wird nicht kompiliert. Versuchen Sie folgendes:

var CreateList = React.createClass({ 
    getClass: function() { 
     //some code to return className 
    }, 
    render: function() { 
     return(
      <div className={this.getClass()}>Example</div> 
     ); 
    } 
}); 

Wenn Sie die div wollen einen Klassennamen haben, die mit ‚classname‘ beginnt, dann schreibe diese Zeichenfolge an das Ergebnis des Aufrufs: className={'className' + this.getClass()}.