React - Erhalten Sie Text von div auf Klick ohne Referenzen

Question

Gibt es ein Beispiel, wo wir den Wert eines React Elements ohne die Verwendung von refs abrufen können? Ist das möglich?

var Test = React.createClass({ 

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

Answer 1

Ich nehme an, Sie können einfach die DOM-Knoten mit ReactDOM.findDOMNode(this); bekommen, und dann bekommen seine innerText oder was auch immer Sie es brauchen.

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

Dies ist ein bisschen wie ein Runabout Weg, aber es wird funktionieren.

Beachten Sie, dass vor 0,14 React, verwenden Sie einfach React und nicht ReactDOM.

Answer 2

fand ich eine Arbeits Antwort:

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