Function 如何在React Native中从另一个函数调用函数?

Function 如何在React Native中从另一个函数调用函数?,function,react-native,nested,Function,React Native,Nested,这可能是一个简单的问题,但我是一个新的本地反应,我现在完全被卡住了 如何从函数1调用函数2 这是我尝试过的,但当按下第一个按钮时,会出现一个错误,显示: Undefined不是函数(计算'this.function2()') import React,{Component}来自'React'; 进口{ 评估学, 看法 形象,, 可触摸不透明度, }从“反应本机”; 导出默认类示例扩展组件{ 职能1(){ log('function1()已调用'); ... 这个函数是2(); }; 职能2(){

这可能是一个简单的问题,但我是一个新的本地反应,我现在完全被卡住了

如何从函数1调用函数2

这是我尝试过的,但当按下第一个按钮时,会出现一个错误,显示:

Undefined不是函数(计算'this.function2()')

import React,{Component}来自'React';
进口{
评估学,
看法
形象,,
可触摸不透明度,
}从“反应本机”;
导出默认类示例扩展组件{
职能1(){
log('function1()已调用');
...
这个函数是2();
};
职能2(){
log('function2()已调用');
...
};
render(){
返回(
);
};
}
AppRegistry.registerComponent('示例',()=>示例);

如果函数是回调函数并将传递给另一个组件,则应在组件构造函数中绑定它们

constructor(props) {
  super(props);

  this.function1 = this.function1.bind(this);
  this.function2 = this.function2.bind(this);
}
试试这个

<TouchableOpacity onPress={() => this.function1()}>
      <Image source={require('../../../assets/img/button.png')} />
</TouchableOpacity>
this.function1()}>

与函数表达式相比,fat arrow函数的语法更短,并且在词汇上绑定此值。箭头函数总是匿名的,并且有效地将
函数(参数){expression}
转换为
参数=>expression
。如果在箭头后使用表达式,则返回是隐式的,因此不需要返回。

直接调用function2()如何?@user10089632,因为有时可能需要在function1()中执行代码,但有时仅在function2()中执行。它减少了冗余。在帖子中看到编辑过的代码。我明白了!我认为这与范围和绑定有关。谢谢你的帮助。
<TouchableOpacity onPress={() => this.function1()}>
      <Image source={require('../../../assets/img/button.png')} />
</TouchableOpacity>