网上大概有两种阻止事件冒泡的方式 :
方式一:(部分开发者说此种操作无效,可尝试下面两种)
handleClick=(e)=>{
e.stopPropagation()
}
<View className='iconfont iconxinxi'
onClick={(e)=>{this.handleCilick()}}
</View>
方式二:(元素嵌套少时,此种方式有效)
handleClick=(e)=>{
}
<View className='iconfont iconxinxi'
onClick={(e)=>{ e.stopPropagation();this.handleCilick()}}
</View>
方式三:(如果嵌套过多,可在上级元素及上上级元素加上 e.stopPropagetion())
handleClick=(e)=>{
}
<View onClick={this.colse}> //假设嵌套4-5层
<View onClick={e.stopPropagation();}>
<View className='iconfont iconxinxi'
onClick={(e)=>{ e.stopPropagation();this.handleCilick()}}
</View>
</View>
</View>
如果有不正确,欢迎批评指正......