老师,这里面的onClick事件怎么触发不了呢

来源:9-4 清除cookie登录状态

sssellll

2017-11-08

import React from 'react'
import {connect} from 'react-redux'
import {Result, List,Brief,WhiteSpace,Modal} from 'antd-mobile'
import browserCookie from 'browser-cookies'
// import {logoutSubmit} from '../../redux/user.redux'
// import {Redirect} from 'react-router-dom'
@connect(
    state=>state.user
)
class User extends React.Component{
    constructor(props){
        super(props)
        this.logout = this.logout.bind(this)
    }
    logout(){
        const alert = Modal.alert

        alert('注销', '确认退出登录吗???', [
            { text: '取消', onPress: () => console.log('cancel') },
            { text: '确认', onPress: () => {
                browserCookie.erase('userid')
                // this.props.logoutSubmit()
            }}
        ])
    }
    render(){
        const props = this.props
        const Item = List.Item
        const Brief = Item.Brief
        console.log(props)
        return props.user?(
            <div>
                <Result
                    img={<img src={require(`../img/${props.avatar}.png`)} style={{width:50}} alt="" />}
                    title={props.user}
                    message={props.type==='boss'?props.company:null}
                />

                <List renderHeader={()=>'简介'}>
                    <Item
                        multipleLine
                    >
                        {props.title}
                        {props.desc.split('\n').map(v=><Brief key={v}>{v}</Brief>)}
                        {props.money?<Brief>薪资:{props.money}</Brief>:null}
                    </Item>

                </List>
                <WhiteSpace></WhiteSpace>
                <List>
                    <Item onClick={this.logout}>退出登录</Item>
                </List>
            </div>
        ):null

    }
}


export default User


写回答

3回答

bibiqqqq

2017-11-13

在index.css中的

.am-tab-bar

加入{

    z-index: -1;

}

7
1
kkkkkkkll
我就是这么解决的?,亲测有效
2019-07-03
共1条回复

yxnne

2018-03-16

https://coding.imooc.com/learn/questiondetail/33662.html

2
0

慕瓜8449030

2017-11-10

我这试了下,写的没问题啊,群里可以@我 给更详细的 demo

0
1
bibiqqqq
同样遇到这个问题,请问是怎么解决的呢 弄了半天
2017-11-12
共1条回复

Redux+React Router+Node.js全栈开发

全网唯一的React 16+Redux+React Router4实战课程,学到手是你的真本领!

1822 学习 · 750 问题

查看课程