Alert показывает сообщение без нажатия кнопки Alert

Question

Я использую этот код для отображения моих входных значений нажатием кнопки. Но всякий раз, когда я вводю текст, он автоматически отображает окно с предупреждением об этом, как только я набираю любой ввод для компонентов.

Я хотел отобразить окно предупреждений, когда нажимаю кнопку «Добавить пользователя». Что с ним не так?

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


export default class myTest extends Component{
  constructor(){
    super();
    this.state = {firstName: 'your name', lastName: 'your last', email: 'enter your email'};
  }
  onPressButton(){
    let firstName = this.state.firstName;
    let lastName = this.state.lastName;

    Alert.alert("You've Entered" + firstName+"\n "+lastName+"\n");
  }

  render()
  {


      return (
          <View>
            <Text>ENTER YOUR DETAILS:</Text>
            <TextInput
          style={{height: 40}}
          placeholder="FirstName"
          onChangeText={(firstName) => this.setState({firstName})}
        />
           <TextInput
          style={{height: 40}}
          placeholder="Last Name"
          onChangeText={(lastName) => this.setState({lastName})}
        />
        <Text style={{padding: 10, fontSize: 30}}>
          firstName: {this.state.firstName}{'\n'}
          lastName: {this.state.lastName} 
        </Text>
        <Button title="Add User" onPress={this.onPressButton()}/>

          </View>
      );
  }
  }

Answer 1

Внутри кнопки тега, замените onPress = {this.onPressButton()} на onPress = {() => this.onPressButton()}