onPress触发时函数未定义，求助排查_deleteRecord调用异常问题

嘿，我来帮你拆解下这个问题：你遇到的「函数未定义」错误，核心原因是**static navigationOptions是组件的静态方法，它内部的this指向的是组件类本身，而不是组件的实例**。你定义的_deleteRecord是组件实例的方法（箭头函数绑定了实例的this），所以静态方法里根本访问不到这个实例方法，自然会报错。

下面给你两种可行的解决办法：

方法一：通过navigation params传递实例方法 #

这是最常用的解决方案，步骤如下：

1. 在组件的生命周期方法（比如componentDidMount）里，把_deleteRecord方法存入navigation的params中
2. 在navigationOptions里通过navigation.params获取这个方法并调用

修改后的代码示例：

// 组件挂载时，把实例方法存入navigation params
componentDidMount() {
  this.props.navigation.setParams({
    deleteRecord: this._deleteRecord
  });
}

_deleteRecord = (id) => { this.props.deleteRecord(id); };

static navigationOptions = ({ navigation}) =>{
  // 从navigation中取出params
  const { params } = navigation;
  return{
    headerRight: (
      <IconIonicons 
        color="white" 
        name="md-trash" 
        size={24} 
        onPress={() => params.deleteRecord(params.id)} 
        style={{color: '#ffffff', marginRight: 15}} 
      />
    ),
  }
}

注意：要确保params.id已经通过navigation传递到当前页面的params中，如果还没传递，需要在跳转时把id带过来，比如navigation.navigate('YourScreen', { id: recordId })。

方法二：直接在navigationOptions中调用props方法（如果适用） #

如果deleteRecord是直接从props传入的，你也可以尝试在跳转时把deleteRecord方法传入params，但这种方式不如第一种稳妥，因为props可能会更新，而params不会自动同步。

总结一下，核心就是静态方法无法直接访问实例成员，通过navigation params把实例方法传递过去，就能解决这个问题啦～

内容的提问来源于stack exchange，提问作者jemz