javascript - TouchableOpacity 函数无法识别 React Native 函数 "onPress"

Question

我不明白为什么第一个代码示例在按钮按下时呈现正常，而另一个示例当我将其放入函数中时它无法识别该函数。

//This executes as expected

 render() {
   return (

     <View style={styles.container}>

       <TouchableOpacity onPress={this.handlePress.bind(this)}>

          <Text style={{paddingTop: 10, paddingLeft: 10, color: 
         '#FF0000'}}>Prova</Text>

       </TouchableOpacity>

     </View>

-------------------------------------------------------------------
//Here it can't recognise the function

func1(){
 this.handlePress.bind(this);
 };


 render() {
   return (

     <View style={styles.container}>

       <TouchableOpacity onPress={this.func1()}>

          <Text style={{paddingTop: 10, paddingLeft: 10, color: 
         '#FF0000'}}>Prova</Text>

       </TouchableOpacity>

     </View>

Answer 1

将您的函数转换为箭头函数，并忘记绑定(bind)...箭头函数自动绑定(bind)到其父函数...

handlePress = () => {};

-

<TouchableOpacity onPress={this.handlePress}>