Cách lấy giá trị từ một hàm phản ứng trong một thành phần phản ứng

Question

Tôi mới sử dụng Reacj.js và gặp khó khăn khi lấy lại giá trị từ một hàm. Tôi không chắc liệu tôi có làm đúng không. Tôi cần biểu thức hàm "func" để trả về "từ func" và thay thế {this.func} này. Không chắc chắn những gì tôi đang thiếu.

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

Tôi có fiddle js trong http://jsfiddle.net/rexonms/409d46av/

Answer 1

Bạn sắp hoàn tất. Hãy nhớ rằng mọi thứ bên trong {và} trong JSX chỉ là Javascript thông thường. Và để có được giá trị trả về từ một hàm trong Javascript, bạn phải gọi nó. Vì vậy, một cái gì đó như thế này (thông báo các parens sau this.func):

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