я проблемы с реагировать на нативную функцию. 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;

Что мне не хватает? Что-то не так с тем способом, который я назначил, или это какая-то ошибка? Любое предложение высоко ценится.

видео