使用箭頭功能未在React組件上觸發事件

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（，文檔