リアクションでonClick関数を呼び出せません

Question

私はLikesと呼ばれるステートレス機能コンポーネントを持っています。その中には、handleLikePlus()とhandleLikeMinus()という2つの機能があります。 Likesコンポーネント内の上向き矢印または下向き矢印をクリックすると、それぞれのそれぞれをトリガーしたいと思います。ここで

は私のコンポーネント

function Likes({likes}) { 
    function handleLikePlus() { 
     this.setState({ 
     likes: this.state.likes + 1 
     }); 
    }; 
    function handleLikeMinus() { 
     this.setState({ 
     likes: this.state.likes - 1 
     }); 
    }; 
    return (
     <div> 
     <div onClick={this.handleLikePlus()}> 
      <h5><i className="fa fa-arrow-up" aria-hidden="true"></i></h5> 
     </div> 
     <div> 
      <h4>{likes}</h4> 
     </div> 
     <div onClick={this.handleLikeMinus()}> 
      <h5><i className="fa fa-arrow-down" aria-hidden="true"></i></h5> 
     </div> 
     </div> 
    ); 
} 

マイコンソールリターンのコードです：

私は間違っているつもりです

Uncaught TypeError: cannot read property 'handleLikePlus' of undefined 

？それは単純な構文エラーですか？あるいは私は間違った方法で関数を呼びますか？

ありがとうございます。

Answer 1

ステートレスコンポーネントを使用していますが、引き続きsetState()を使用しようとすると動作しません。状態が必要な場合は、通常のコンポーネントを使用してください。

また、thisが機能の中にないため、エラーが読み込まれると、からhandleLikePlusにアクセスできません。