onParentClick = () => {
console.log('Parent is triggered');
}
onChildClick = (event) => {
event.stopPropagation();
console.log('Child is triggered');
}Run Code Online (Sandbox Code Playgroud)
<TouchableWithoutFeedback onPress={()=> this.onParentClick()}>
<View>
<Text>How to prevent parent click event</Text>
<TouchableOpacity onPress={(event)=> this.onChildClick(event)>
<Text> Click Me </Text>
</TouchableOpacity>
</View>
</TouchableWithoutFeedback>Run Code Online (Sandbox Code Playgroud)
预期:单击“单击我”时,必须调用 onChildClick()
问题:单击“单击我”时,将调用 onParentClick()。
如何防止父母点击“点击我”的点击事件?
我点击父级时得到的结果是“父级被触发”,它运行完美。
但是点击孩子,我得到的结果是“父母被触发”。
我猜 onChildClick() 没有被触发。