React Typescript 関数の引数の定義

Question

前提・実現したいこと

親コンポーネントで子コンポーネントに渡す関数を定義したいのですが、引数をどう書いたらいいのかがわかりません。
わかる人がいたら教えて欲しいです

該当のソースコード

**types.ts**
export type Task {
  id: number
  text: string
  done: boolean
}

//親コンポーネント
import React, { useState } from 'react'
import { Task } from './Types'

// 初期値を設定
const  inisialState:Task[] = [
  {
    id: 0,
    text: "",
    done: false,
  }
]

const App: React.FC = () => {
    const [text, setText] = useState('')
    const [task, setTask] = useState(inisialState);
 

//チェックボックスが押された時の処理　　（ListItem(子)に渡したい）
    const　handleCheck = (何を入れたらいいのか) => {
        setTasks(prev => prev.map(t =>
            t.id === task.id
                ? { ...task, done: !task.done }
                : t
        ))
    }
 // 削除ボタンが押された時の処理　（ListItem(子)に渡したい）
    const handleDelete = (何を入れたらいいのか) => {
        setTasks(prev => prev.filter(t =>
            t.id !== task.id
        ))
    }


    return (
　　　　　　〜省略〜
        <div>
            <TaskList/>
        </div>
    )
}

子コンポーネント
import React from 'react'
import TaskItem from './TaskItem'
import { Task } from './Types'

interface Props {
  text: string
  tasks:　task[]
  handleCheck:  
  handleDelete: 
}

 
const TaskList: React.FC<Props> = ({props}) => {
 
    return (

   ~ 省略〜
    )
}
 
export default TaskList

Comments

[og24715]

handleCheck と handleDelete ってイベントハンドラーですか？だとしたら、どの要素のなんのイベントハンドラーになるんですか？仮引数があって初めて実引数が与えられるはずですが、サンプル見ると仮引数なければ実引数も見当たらないので回答ができません。
ちなみにエスパーするならばそれぞれ HTMLInputElement と HTMLButtonElement の change と click のイベントハンドラーだろうとはなんとなく想像ついているのでReact.ChangeEvent<HTMLInputElement> と React.MouseEvent<HTMLButtonElement> だと思いますよ