Wie bekomme ich den Wert von einer Reaction-Funktion innerhalb einer Reaktionskomponente?

Question

Ich bin neu in Reacj.js und habe Probleme, Wert von einer Funktion zurück zu bekommen. Ich bin mir nicht sicher, ob ich es richtig mache. Ich brauche den Funktionsausdruck "func", um "von func" zurückzugeben und {this.func} zu ersetzen. Nicht sicher, was ich vermisse.

var Hello = React.createClass({ 

    func: function(){ 
     return 'from func'; 
    }, 

    render: function() { 
     return <div> 
        <div>Props: {this.props.name}</div> 
        <div>Function: {this.func}</div> 
       </div>; 
    } 
}); 

React.render(<Hello name="from props" />, document.getElementById('container')); 

Ich habe die js Geige in http://jsfiddle.net/rexonms/409d46av/

Answer 1

Sie sind fast da. Denken Sie daran, dass alles innerhalb von {und} in JSX nur normales Javascript ist. Und um den Rückgabewert einer Funktion in Javascript zu erhalten, müssen Sie sie aufrufen. So etwas wie das (beachten Sie die Parens nach this.func):

return (
    <div> 
    <div>Props: {this.props.name}</div> 
    <div>Function: {this.func()}</div> 
    </div> 
);