React Native - невозможно передать тело из onPress в функцию действия в контексте

Question

Всем заранее спасибо. Итого newb ie реагировать родной. Использование функциональных компонентов только на этом этапе.

В AddGuestScreen. js Я захватываю этот TextInput и отправляю {guestA} в действие в TeeTimeContext. js

  <View style={styles.boxContainer}>
    <Text style={styles.large}>Guest Name:</Text>
      <TextInput
        style={styles.input}
        value={guestA}
        onChangeText={(text) => setGuestA(text)}
        autoCorrect={false}
      />
  </View>

  <View style={[styles.butttonContainer, styles.mainButton]}>
    <Button
      title='Save'
      color='white'
      onPress={ ({guestA}) => addGuestSave({guestA}) }
    />
  </View>

guestA передается как undefined из метода onPress, и я не понимаю почему.

Большое спасибо за любую помощь.

Answer 1

Событие onPress из Button не имеет свойства guestA.

Вы можете определить функцию для кнопки и передать guestA внутри AddGuestScreen перед возвратом вот так:

_handlePress = () => {
  addGuestSave(guestA);
};

А затем передайте функцию в Button

<Button onPress={_handlePress} ... />