zoukankan      html  css  js  c++  java
  • ReactNative踩坑日志——OnPress随着render()执行被自动调用?

        在ReactNative中,Text、Button以及其他Touchable包装成的可点击控件,都可以通过onPress属性为其指定点击时的响应函数。

        在有些情况下,我们会把这些点击函数先定义好,然后再为控件的onPress属性赋值为对应函数名。然而这个时候,问题就出来了:

        一:有bug的用法

    <Button
      onPress={方法名}/>

        当这样为onPress属性指定响应方法时,会出现随着控件的渲染而自动调用响应函数的情况。

        原因:

        在RN的页面代码中,花括号 {} 有取对象值的意思在內,而方法也是对象的一种,因此,这里并不单单是为onPress指定属性值那么简单,在赋值的同时还自动调用了一次该响应方法。

        二:正确的用法

        使用箭头函数为onPress定义响应函数,箭头函数內调用对应的响应函数即可。

    <Button
      onPress={()=>{
                   点击事件的响应函数
                   }
              }/>
  • 相关阅读:
    Python 面向对象补充
    Python 多态
    Web_php_unserialize-攻防世界XCTF
    sqli-labs之Page-4
    sqli-labs之Page-3
    sqli-labs之Page-1
    DVWA-反射型XSS
    DVWA-File Upload
    DVWA-File Inclusion
    DVWA-CSRF
  • 原文地址:https://www.cnblogs.com/ygj0930/p/7495341.html
Copyright © 2011-2022 走看看