Javascript 在react本机外部组件中调用函数

我的要求

我在react native中调用位于组件和视图外部的函数，但它会抛出错误，表示_this.myfunction未定义。很明显，它没有得到函数的参考。是否可以在react native中实现此功能

class  App extends React.Component {

    constructor(props) {
        super(props);
    }

   render () {
       return (
            <View style={styles.container}>
                <Button onPress={() => this.Myfunction()} style={styles.Button} title="Button"/>                            
            </View>
       );
     }
 }       

Myfunction () {
  alert('clicked');          
}

类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
}
渲染（）{
返回(
this.Myfunction（）}style={styles.Button}title=“Button”/>
);
}
}       
Myfunction（）{
警报（“点击”）；
}

因为您在类之外定义了函数，所以不需要通过

此

引用它。您只需编写

onPress={（）=>Myfunction（）}

或

onPress={Myfunction}

此外，函数的语法错误，请在其前面添加

function

关键字

function Myfunction () {
  alert('clicked');          
}

---

此

引用类（应用程序）。但是您的函数是在类之外声明的（添加

function

关键字）（有意）。