指定变量类型传递函数作为prop

时间:2018-01-17 14:09:33

标签: javascript reactjs typescript

拥有父组件和子组件。目标是将状态从孩子升级到父母,就像官方反应教程中所描述的那样 - https://reactjs.org/docs/lifting-state-up.html

在TypeScript中,应该定义一个道具界面,如下所示:

interface TemperatureInputInterface {
  ..
  this.props.onTemperatureChange: what_type_here?
}

但在这种情况下使用什么类型,因为所有类型都给出了像:

  

无法调用类型缺少调用签名的表达式。输入'what_type_here'没有兼容的呼叫签名。

2 个答案:

答案 0 :(得分:2)

你只需要给它回调所需的类型,所以:

interface TemperatureInputInterface {
   onTemperatureChange: (newValue: number) => void;
}

答案 1 :(得分:1)

您可以使用,例如:

gl_TessCoord

或简单地说:

interface TemperatureChangeFunc {
    (arg1: string, arg2: number): boolean;
}

interface TemperatureInputInterface {
  onTemperatureChange: TemperatureChangeFunc,
}