Javascript 在div块中勾选复选框时覆盖onClick

给定我的

onClick={（）=>this.activeToggle（“Discharge”）}

在最外层的

div

单击两个

复选框之一时，是否可以覆盖
onClick（）

这是手风琴的一部分，效果很好，但我想在选中两个复选框之一时忽略onClick事件


const stateDischarge={
活动：{
显示：“继承”
},
非活动：{
显示：“无”
}
};
var Preferences=React.createClass({
.
.
.
活动切换：功能（面板）{
event.stopPropagation（）；//
排出
准许进入
不准入内
//手风琴面板中的内容
}
});
module.exports=首选项；
我得问问。。。什么是
onClick={（）=>this.activeToggle（“Discharge”）}
-不是javascript，如果那样行的话，我需要知道如何在react中使用它，但我认为这不是一个基于react的主题。@JaromandaX-ES6 Arrow函数syntaxno。。。我的意思是
onclick={….}
。。。i、 代码周围没有引号。。。那当然是反应了。。。我已经有一段时间没有涉猎了
const stateDischarge = {
    active: {
        display: 'inherit'
    },
    inactive: {
        display: 'none'
    }
};


var Preferences = React.createClass({
.
.
.

activeToggle: function (panel) {

    event.stopPropagation();  //  <= this is there I am trying the suggestion. but not working, so trying something else.

    switch (panel) {
        case "Demographics":
            this.setState({
                activeDemographics: !this.state.activeDemographics
            });
            break;
        case "Admission":
            this.setState({
                activeAdmission: !this.state.activeAdmission
            });
            break;
        case "Discharge":
            this.setState({
                activeDischarge: !this.state.activeDischarge
            });
            break;
        default:
            //Statements executed when none of the values match the value of the expression
            break;
    }
},
.
.
.
const stateDischarge = this.state.activeDischarge ? styles.active : styles.inactive;


    render: function() {

    <div className="panel panel-info">
        <div className="panel-heading"  onClick={() => this.activeToggle("Discharge")}>
            <h4 className="panel-title pull-left">
                <a data-toggle="collapse" data-parent="#accordion">Discharge</a>
            </h4>
            <div className="pull-right">
                <label className="checkbox-inline"><input type="checkbox" value=""/>Admission</label>
                <label className="checkbox-inline"><input type="checkbox" value=""/>Non-Admission</label>
            </div>
            <div className="clearfix"></div>
        </div>
        <div id="collapseOne" className="panel-collapse" style={stateDischarge}>
            <div className="panel-body">
                <div className="col-sm-6 col-md-6">

                    //Content in Accordion pannel                   

                </div>
            </div>
        </div>
    </div>

    }
});
module.exports = Preferences;