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関数を使用しているような書き方になっているのですが、その使われ方ではないことはなんとなく理解できています。
この部分はどのように理解すればいいのでしょうか？