javascript - 忽略 parent 的 onClick reactJS

Question

我怎样才能忽略父亲的 onClick 函数而只使用 child 的 onclick 函数(不使用 jQuery 或 angular)？

<div onclick="alert('US')"> country
  <div onclick="alert('NY')">city</div>
 </div>

Answer 1

内联或最好在函数中调用 e.stopPropagation()。

handleClick(e, text){
    e.stopPropagation();
    alert(text);
}

render(){
    return (
        <div onClick={this.handleClick.bind(this, 'US')}> country
            <div onClick={this.handleClick.bind(this, 'NY')}}>city</div>
        </div>
    )
}