在ReactJS中捕获事件

capturing events in ReactJS

本文关键字：事件 ReactJS      更新时间：2023-09-26

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

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

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

handleChange: function(event){
  // event.target refers to the DOM element the event originated from
},
相关文章：