Typescript 如何在Props中指定函数的类型

我已经使用Typescript在React中编写了一个组件

这里我有一个界面，它包含了我将要使用的所有道具的类型

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Task } from './Models';

export class TaskTable extends React.Component<TableProps, any> {
   constructor(props: TableProps){
      super(props);
   }
   render() : JSX.Element {
      console.log('came inside render method');
      return (
         <div>
            {this.props.taskList.map((t: Task, index: number) => 
               <div key={t.taskid}>
                  <span>{t.taskvalue}</span>
                  <button onClick={this.props.handleDelete(index)}>Delete</button>
               </div>
            )}
         </div>
      );
   }
}

interface TableProps {
   taskList: Array<Task>
}

import*as React from'React'；
从“react dom”导入*作为react dom；
从“./Models”导入{Task}；
导出类TaskTable扩展React.Component{
构造函数（道具：TableProps）{
超级（道具）；
}
render（）：JSX.Element{
log（'comein-in-render-method'）；
返回(
{this.props.taskList.map（（t:Task，index:number）=>
{t.taskvalue}
删除
)}
);
}
}
界面道具{
任务列表：数组
}

问题是其中一个道具是回调函数，如

<TaskTable taskList=[{taskid: 1, taskvalue: 'foo'}] handleDelete={this.handleDelete} />

如何在TableProps界面中声明handleDelete的类型

如何在TableProps界面中声明handleDelete的类型

添加到下面