typescript - Hur man specificerar typen på en funktion i Props

Jag har skrivit en komponent i React med Typescript

Här har jag ett gränssnitt som innehåller typerna för alla de rekvisita jag kommer att använda.

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>
}

Problemet är att en av propsen är en callback-funktion som

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

Hur deklarerar jag typen av handleDelete i mitt TableProps-interface?

Svar #1

Hur deklarerar jag typen av handleDelete i mitt TableProps-interface?

Lagt till nedan 🌹

interface TableProps {
   taskList: Array<Task>,
   handleDelete: (index: number) => void,
}