Reactで子要素から親要素のpropsを変える。buttonコンポーネントのonClick時に動かしたい関数を親から渡す

qiita.com

地味にちょっと理解できていなかったけど、わかった気がする

ボタンコンポーネント

type Props = {
  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void
}

export const Button = (props: Props) => {
  const { onClick } = props

  return (
    <button onClick={onClick}>content</button>
  )
}

ページ

import  { Button }

<Button onClick={() => { console.log('click') }} />

みたいな。ページ側でButtonコンポーネントという子要素をクリックしたらページ側で動かしたい関数を自由に動かせます。