react工程里点击事件没效果,控制台里也没有报错

Question

代码地址没效果的代码exportdefaultclassUserextendsComponent{logout(){console.log(1)constalert=Modal.alertalert('注销','确认退出登录吗???',[{text:'取消',onPress:()=>console.log('cancel')},{text:'确认',onPress:()=>{browserCookie.erase('userid')this.props.logoutSubmit()}}])}render(){constprops=this.propsconstItem=List.ItemconstBrief=Item.Briefreturnprops.user?('简介'}>{props.title}{props.desc.split('\n').map(v=>{v})}{props.money?薪资:{props.money}:null}this.logout()}>退出登录):}}很奇怪的问题,也不知道是什么原因,现在就算在其他文件里加点击事件也不起作用,控制台既不打印,也不报错

Answer 1

仔细看样式，你会发现有一个带clss为am-tab-bar的元素遮盖了整个屏幕，这个元素层级太高，遮盖了其他页面元素，所以你点击的时候事件不会生效。可以把这个类的z-index设为-1,就可以解决了
                            

Answer 2

this.logout()}>退出登录
你这样写是把()=>this.logout()当props传到Item里，Item里调用了onClick吗