イベントは矢印の機能に

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は何の価値もないです。あなたもそのコードを共有できますか？私はすべてがコンポーネントでうまくいくのを見ます。

クラスこんにちはReact.Componentを{

logout(){ 
    alert('logout') 
} 

render() { 

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

}

ReactDOM.render（ 、 文書