capturing events in ReactJS

Question

I want to capture the clicked checkbox and execute an event.

var TestApp = React.createClass({
     handleChange: function(){
          var handle = this.getDOMNodes(); //gets entire Div. I want just the selected checkbox
     },
     getInitialState: function(){
         selected: ''
     },
     render: function(){
        return(
           <div>
               <input type="checkbox" className="option1" onChange={this.handleChange}/> Option1<br />
               <input type="checkbox" className="option2" onChange={this.handleChange}/>Option2<br />
               <span>{this.props.selected}</span>
          </div>
       );
    }
});

React.render(<TestApp />, document.body);

Felix Kling · Accepted Answer · 2015-03-18 18:50:36Z

2

Make use of the event object as you normally would:

handleChange: function(event){
  // event.target refers to the DOM element the event originated from
},

answered Mar 18, 2015 at 18:50

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

capturing events in ReactJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related