Typescript-React 箭头函数参数输入

Question

当使用 Typescript 并将箭头函数作为参数传递给另一个函数时，类型标注是什么？

我的情况是使用 React 组件，我试图将激活函数传递到按钮组件中。对于其他此类项目，我将使用接口，但不确定如何将参数输入为回调函数。

const activate = () => {
// Activate edit function
}

export function EditButton({ activate }): SomeInterface {

    return (
        <button className="wishButton" onClick={activate}>/</button>
    );
}

Answer 1

// Define the type of the activate callback function
interface SomeInterface {
  activate: () => void; // This means 'activate' is a function that returns void 
}
// function that takes a number as an argument 
interface SomeInterface {
  activate: (id: number) => void;
}