Функция onclick не работает в реагировании на собственное приложение

Я новичок в ответ на родной язык. Я написал следующий код для вызова функции, если пользователь нажимает на текст.

var login = React.createClass({
     openPopup: function(){
        console.log("function called");
     },
     render: function(){
        return (
           <View onClick={this.openPopup}>
              <Text>
                 Login
              </Text>
           </View>
        );
     }
});

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

РЕДАКТИРОВАТЬ Этот вопрос реагирует на родной специфический. Не дублируйте какой-либо другой вопрос в Stack Overflow.

Ответ 1

Попробуйте this-

<TouchableOpacity onPress={this.openPopup}> 
    <View> <Text>...</Text> </View> 
</TouchableOpacity>

Ответ 2

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

TouchableHighlight

<TouchableHighlight onPress={this.openPopup}>
    <View>...</View>
</TouchableHighlight>

TouchableOpacity

<TouchableOpacity onPress={this.openPopup}>
    <View>...</View>
</TouchableOpacity>

TouchableWithoutFeedback

<TouchableWithoutFeedback onPress={this.openPopup}>
    <View>...</View>
</TouchableWithoutFeedback>