如何從反應組件內的反應函數中獲取值

Question

我是Reacj.js的新手，無法從函數獲取值。我不確定我是否做對了。我需要函數表達式「func」來返回「from func」並替換{this.func}。不知道我錯過了什麼。

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

我在http://jsfiddle.net/rexonms/409d46av/

Answer 1

js的小提琴你幾乎沒有。請記住，JSX中的{和}內的所有內容都只是常規的Javascript。爲了從Javascript中的函數獲得返回值，你必須調用它。所以像這樣的東西（注意在之後的parens）：

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