onclick函数在反应本机应用程序中不起作用

时间:2015-12-31 08:03:58

标签: reactjs react-native

我是新来的本地人。如果用户点击文本,我编写了以下代码来调用函数。

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

上面的代码有什么问题吗?如果我点击登录文字,我在控制台中没有得到任何反馈。

修改 这个问题是具体的反应。与Stack Overflow中的任何其他问题不重复。

3 个答案:

答案 0 :(得分:40)

试试这个 -

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

答案 1 :(得分:29)

您需要使用以下某个包装器组件。以下是列出的,跨平台可用的。

TouchableHighlight

interface ISomeActionFunction {
  (prop1: number, prop2: string): void
}

TouchableOpacity

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

TouchableWithoutFeedback

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

答案 2 :(得分:0)

`String[] array={
             "man","for","think", 
    };`

TextView t = findViewById(R.id.textView);

         new CountDownTimer(5000,1000) {

             @Override
             public void onTick(long millisUntilFinished) {}

             @Override
             public void onFinish() {
                 t.setText("Your Text "+array[i] +" Your text");
                 i++;
                 if(i== array.length-1) i=0;
                 start();
             }
         }.start();