React Native函数未定义，但已定义

Question

我试图在handleButtonPress（）函数中调用一个函数，但是这样做时，该函数引发错误并且是“未定义的”。我已经定义好了，所以我不确定错误是什么，或者在这里实现目标的正确方法是什么。

我尝试输入目标的不同方式和实现方式，但迄今未成功。以下是我目前所处的位置，我认为这是正确的实施方式。控制台日志会确认时间和距离的值，因此问题不存在。

constructor(props) {
  super(props);
  this.state = {
    distance: "",
    time: "",
    pace:"",
    speed:""
    }
  }

handleTime = time => {
  this.setState({
    time: time})
    console.log(time);
  }

onValueChange (value: string) {
  this.setState({
     distance: value
  });
  console.log(distance);
}
//data manipulation to calculate the pace in future

calcPace(time: string, distance: string){   //issue here **** ?
  this.setState({               
     pace: "0:00:00"
  });
}

handleButtonPress(){
  console.log("pressed");
  this.calcPace(this.time, this.distance); //... or here **** ?

}

目标是在handlebuttonpress发生后立即调用calcPress，然后我将能够存储“ pace”的值，然后将其显示在屏幕上。

因此，对我在这里做错的任何方向或建议都将有所帮助。谢谢！