У меня возникают проблемы с функцией onPress. OnPress должен работать только тогда, когда он фактически был вызван сенсорным событием (я полагаю), то есть когда я нажимаю кнопку на экране. Но кажется, что onPress запускается сам при вызове функции render. Когда я пытаюсь нажать вручную, это не сработает.
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;
Что мне не хватает? Что-то не так с тем, как я назначил, или это какая-то ошибка? Любое предложение высоко ценится.