在 ReactJS 中捕获事件

Question

我想捕获被点击的复选框并执行一个事件。

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

Answer 1

像往常一样使用事件对象：

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

在 ReactJS 中捕获事件

capturing events in ReactJS

javascript

reactjs