CounterコンポーネントのonClickの動作がわかりません

順を追って見ていくといいでしょう。
2020年5月23日
ユーザー
function Counter(props) {
  return(
    <li style={{backgroundColor: props.counter.color}} onClick={() => {props.countUp(props.counter)}}>
      {props.counter.id}:{props.counter.count}
    </li>
  );
}

の中の

onClick={() => {props.countUp(props.counter)}}

で行われていることがいまいち理解できません。
これまでの使われ方だと、li要素をクリックしたときにpropsに対して引数がprops.counterのcountUp関数を使用しているような書き方になっているのですが、その使われ方ではないことはなんとなく理解できています。
この部分はどのように理解すればいいのでしょうか?

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(2)