小编Sho*_*abu的帖子

如何防止本机反应中的父点击事件?

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() 没有被触发。

javascript react-native

11
推荐指数
2
解决办法
9581
查看次数

标签 统计

javascript ×1

react-native ×1