Question

import React, { Component } from 'react'
import { connect } from 'react-redux'

@connect(
    state=>state.user
)
class Profile extends Component {

    logout(){
        alert('logout')
    }

    render() {
        const props = this.props
        return props.user && (
            <div>
              <button onClick={()=>{this.logout()}}>Logout</button>
            </div>
        )
    }
}

导出默认个人资料

我点击按钮，警报未被触发，没有错误没有警告现在我迷路了。可能的原因是什么？

Answer 1

我尝试了以下代码，一切似乎都很好。可能是你的this.props没有任何价值。你也可以分享这些代码吗？我看到组件中的一切都很好。

类Hello扩展了React.Component {

logout(){
    alert('logout')
}

render() {

    return (
        <div>
          <button onClick={()=>{this.logout()}}>Logout</button>
        </div>
    )
}

}

ReactDOM.render（，文件

事件不使用箭头功能触发反应组件

1 个答案: