кнопка onpress не работает с собственным компонентом

#react-native #expo

Вопрос:

Я сделал компонент кнопки и хочу добавить нажатие, но это не работает. Кто-нибудь может объяснить мне, почему это не работает ?

Кнопка Component.js

 import React from 'react';
import { StyleSheet, Text, View, TouchableOpacity, Dimensions } from 'react-native';

const width = Dimensions.get('window').width;

const Button = ({ title }) => {
  return (
    <TouchableOpacity>
      <Text>{title}</Text>
    </TouchableOpacity>
  )
};

export default Button;
 

Main.js

 ...
<Button onPress={handleSubmit} title="Jetzt registrieren"/>
...
 

Ответ №1:

вам нужно извлечь вас на опору для печати

 const Button = ({ title,onPress }) => {
  return (
    <TouchableOpacity onPress={onPress}>
      <Text>{title}</Text>
    </TouchableOpacity>
  )
};