React Native onPress被自动调用

Sijan Shrestha

我在使用react-native onPress Feature时遇到麻烦。onPress仅应在实际由触摸事件触发(我想)时才起作用,也就是说,当我按屏幕上的按钮时。但是,似乎在调用render函数时会触发onPress本身。当我尝试手动按时,它不起作用。

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

export default class Home extends Component {
  
  render() {
    return (
          <View style={{flex:1}}>
            <Button value="Contacts" raised={true} onPress={this.handleRoute('x')} />
            <Button value="Contacts" raised={true} onPress={this.handleRoute('y')} />
            <Button value="Contacts" raised={true} onPress={this.handleRoute('z')} />
          </View>
          );
}
handleRoute(route){
  alert(route) // >> x , y, z 
    }
}

  module.exports = Home;

我想念什么?我分配的方式有问题吗,或者这是一些错误?任何建议都将受到高度赞赏。

视频

Manjeet Singh |

尝试改变

onPress = {this.handleRoute('x')} //在这种情况下,一旦渲染发生,就会调用handleRoute函数

onPress = {()=> this.handleRoute.bind('x')} //在这种情况下,不会在渲染发生后立即调用handleRoute

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何为每次在 React Native 中调用的 onPress 函数提供自动增量?

来自分类Dev

react-native onPress()在循环组件渲染时自动切换

来自分类Dev

React Native FlatList 消耗所有触摸(ToucableWithoutFeedback onPress 未调用)

来自分类Dev

React Native:ScrollView内部的TouchableOpacity onPress问题

来自分类Dev

React Native-从组件获取价值-onPress

来自分类Dev

返回JSX组件onPress react-native

来自分类Dev

React-Native TouchableHighlit OnPress功能

来自分类Dev

React Native调用iOS ViewController

来自分类Dev

React Native:如何在onPress事件上更改视图

来自分类Dev

react-native-maps-多边形onPress事件

来自分类Dev

如何从React Native中的ScrollView组件获取onPress事件

来自分类Dev

React Native:组件上的onPress不起作用

来自分类Dev

react-native:image-crop-picker onPress取消

来自分类Dev

如何使用onPress的React Native制作简单的动画?

来自分类Dev

onPress在React Native Flatlist中不起作用

来自分类Dev

在React Native中使用onPress打开屏幕的问题

来自分类Dev

OnPress从循环更改组件样式-带钩子的React Native

来自分类Dev

在React Native Navigation中为onPress指定名称或键

来自分类Dev

React Native:如何从 map() 生成的组件单独控制每个 onpress()

来自分类Dev

使用 React Native 在 onPress 后更改按钮样式

来自分类Dev

React-Native Button onPress 不起作用?

来自分类Dev

React Native Advice - 触发 Redux Action OnPress Dispatch Action

来自分类Dev

React Native:文本节点的“自动”宽度

来自分类Dev

React Native Viewpager中的自动焦点输入

来自分类Dev

在 React Native 中自动提交 Redux 表单

来自分类Dev

从React Native Js代码调用Android Native UI组件方法

来自分类Dev

React Native如何调用父类的函数

来自分类Dev

在React Native中立即调用的Click Handler

来自分类Dev

React Native中的Firebase可调用函数

Related 相关文章

  1. 1

    如何为每次在 React Native 中调用的 onPress 函数提供自动增量?

  2. 2

    react-native onPress()在循环组件渲染时自动切换

  3. 3

    React Native FlatList 消耗所有触摸(ToucableWithoutFeedback onPress 未调用)

  4. 4

    React Native:ScrollView内部的TouchableOpacity onPress问题

  5. 5

    React Native-从组件获取价值-onPress

  6. 6

    返回JSX组件onPress react-native

  7. 7

    React-Native TouchableHighlit OnPress功能

  8. 8

    React Native调用iOS ViewController

  9. 9

    React Native:如何在onPress事件上更改视图

  10. 10

    react-native-maps-多边形onPress事件

  11. 11

    如何从React Native中的ScrollView组件获取onPress事件

  12. 12

    React Native:组件上的onPress不起作用

  13. 13

    react-native:image-crop-picker onPress取消

  14. 14

    如何使用onPress的React Native制作简单的动画?

  15. 15

    onPress在React Native Flatlist中不起作用

  16. 16

    在React Native中使用onPress打开屏幕的问题

  17. 17

    OnPress从循环更改组件样式-带钩子的React Native

  18. 18

    在React Native Navigation中为onPress指定名称或键

  19. 19

    React Native:如何从 map() 生成的组件单独控制每个 onpress()

  20. 20

    使用 React Native 在 onPress 后更改按钮样式

  21. 21

    React-Native Button onPress 不起作用?

  22. 22

    React Native Advice - 触发 Redux Action OnPress Dispatch Action

  23. 23

    React Native:文本节点的“自动”宽度

  24. 24

    React Native Viewpager中的自动焦点输入

  25. 25

    在 React Native 中自动提交 Redux 表单

  26. 26

    从React Native Js代码调用Android Native UI组件方法

  27. 27

    React Native如何调用父类的函数

  28. 28

    在React Native中立即调用的Click Handler

  29. 29

    React Native中的Firebase可调用函数

热门标签

归档