我具有以下两个组件，分别具有onClick()处理程序。问题是doSomethingElse永远不会得到，而直接doSomething被调用。
<ParentComponent onClick={this.doSomething}>
<ChildComponent onClick={this.doSomethingElse} />
</Parent>
Child在parent中显示为使用z-index的proover。
class Parent extends React.Component {
constructor(props) {
super(props);
}
handleP = (e) => {
alert("parent")
};
render() {
return (
<div onClick={this.handleP} style={{
left: 100,
top: 100,
zIndex: 100,
position: 'absolute',
}}>
Parent Text
<Child />
</div>
)
}
}
class Child extends React.Component {
constructor(props) {
super(props);
}
handleC = (e) => {
alert("child")
};
render() {
return (
<div onClick={this.handleC} style={{
left: 1,
top: 1,
zIndex: 1000,
position: 'absolute',
}}>
Child Text
</div>
)
}
}
React.render(
<Parent />,
document.getElementById('react_example')
);