react-native - React Native onPress 被自动调用

Question

我在使用 react native onPress 功能时遇到问题。 onPress 应该仅在实际由触摸事件触发时才起作用(我想)，即当我按下屏幕上的按钮时。但当调用渲染函数时， onPress 似乎会自行触发。当我尝试手动按下时，它不起作用。

  import React, { Component } from 'react';
  import { PropTypes, Text, View ,Alert } from 'react-native';
  import { Button } from 'react-native-material-design';

export default class Home extends Component {
  
  render() {
    return (
          <View style={{flex:1}}>
            <Button value="Contacts" raised={true} onPress={this.handleRoute('x')} />
            <Button value="Contacts" raised={true} onPress={this.handleRoute('y')} />
            <Button value="Contacts" raised={true} onPress={this.handleRoute('z')} />
          </View>
          );
}
handleRoute(route){
  alert(route) // >> x , y, z 
    }
}

  module.exports = Home;

我错过了什么？我分配的方式有问题还是这是一些错误？任何建议都将受到高度赞赏。

Video

Answer 1

尝试改变

onPress={this.handleRoute('x')} // in this case handleRoute function is called as soon as render happen

到

onPress={() => this.handleRoute.bind('x')} //in this case handleRoute doesn't called as soon as render happen