地味にちょっと理解できていなかったけど、わかった気がする
ボタンコンポーネント
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
コンポーネントという子要素をクリックしたらページ側で動かしたい関数を自由に動かせます。