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

Question

代码地址
没效果的代码
exportdefaultclassUserextendsComponent{
logout(){
console.log(1)
constalert=Modal.alert
alert('注销','确认退出登录吗???',[
{text:'取消',onPress:()=>console.log('cancel')},
{text:'确认',onPress:()=>{
browserCookie.erase('userid')
this.props.logoutSubmit()
}}
])
}
render(){
constprops=this.props
constItem=List.Item
constBrief=Item.Brief
returnprops.user?(
img={}
title={props.user}
message={props.type==='boss'?props.company:null}
/>
'简介'}>
{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吗