Come ottenere il valore da una funzione di reazione all'interno di un componente di reazione

Question

Sono nuovo su Reacj.js e non riesco a recuperare il valore da una funzione. Non sono sicuro se lo sto facendo bene. Ho bisogno dell'espressione di funzione "func" per restituire "da func" e sostituire {this.func}. Non sono sicuro di ciò che mi manca.

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')); 

devo il violino js in http://jsfiddle.net/rexonms/409d46av/

Answer 1

Ci siamo quasi. Ricorda che tutto all'interno di {e} in JSX è solo Javascript normale. E per ottenere il valore di ritorno da una funzione in Javascript, devi chiamarlo. Quindi qualcosa del genere (notare i parenti dopo il this.func):

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