React - 参照なしのクリックでdivのテキストを取得

Question

refを使用せずにReact要素の値を取得できる例はありますか？それは可能ですか？

var Test = React.createClass({ 

    handleClick: function() { 
    alert(this.text); 
    }, 
    render: function() { 
    <div className="div1" onClick={this.handleClick}> HEkudsbdsu </div> 
    } 
}) 

Answer 1

私はあなただけReactDOM.findDOMNode(this);とDOMノードを取得し、そのinnerTextまたは何でもあなたはそれから必要性を得ることができたとします。

var Hello = React.createClass({ 
    handleClick: function() { 
    var domNode = ReactDOM.findDOMNode(this); 
    alert(domNode.innerText); 
    }, 
    render: function() { 
    return <div className="div1" onClick={this.handleClick}> HEkudsbdsu </div> 
    } 
}); 

これはちょっとしたやり方ですが、うまくいくでしょう。

pre 0.14 React、あなたはReactであり、ReactDOMではないことに注意してください。

Answer 2

私は作業の答えを見つけました：

var Hello = React.createClass({ 
    handleClick: function(event) { 
    alert(event.currentTarget.textContent); 
    }, 
    render: function() { 
    return <div className="div1" onClick={this.handleClick}> HEkudsbdsu </div> 
    } 
});